refactor(ui): rename topbar to boardsbar and add desktop footer for board, thread, and catalog

src/components/site-legal-meta/index.ts

@@ -0,0 +1,2 @@
+export { default } from './site-legal-meta';
+export type { SiteLegalMetaOrder, SiteLegalMetaProps } from './site-legal-meta';

src/components/site-legal-meta/site-legal-meta.tsx

@@ -0,0 +1,41 @@
+import Version from '../version';
+
+export type SiteLegalMetaOrder = 'version-first' | 'license-first';
+
+export type SiteLegalMetaProps = {
+  /** Order of blocks: version-first (homepage) or license-first (board/post footer) */
+  order?: SiteLegalMetaOrder;
+};
+
+const LicenseText = () => <span>5chan is free and open source software under GPLv2 license.</span>;
+
+const VersionFeedbackContact = () => (
+  <>
+    <Version /> •{' '}
+    <a href='https://github.com/bitsocialhq/5chan/issues/new' target='_blank' rel='noopener noreferrer'>
+      Feedback
+    </a>{' '}
+    •{' '}
+    <a href='https://github.com/bitsocialhq/5chan/graphs/contributors' target='_blank' rel='noopener noreferrer'>
+      Contact
+    </a>
+  </>
+);
+
+const SiteLegalMeta = ({ order = 'version-first' }: SiteLegalMetaProps) => {
+  const first = order === 'version-first' ? <VersionFeedbackContact /> : <LicenseText />;
+  const second = order === 'version-first' ? <LicenseText /> : <VersionFeedbackContact />;
+
+  return (
+    <>
+      <br />
+      {first}
+      <br />
+      <br />
+      <br />
+      {second}
+    </>
+  );
+};
+
+export default SiteLegalMeta;