refactor: components struture

packages/ui/src/Layout/Footer/Footer.tsx

@@ -0,0 +1,34 @@
+import { useTranslations } from "next-intl"
+
+import { GIT_REPO_LINK } from "@repo/utils/constants"
+import { Link } from "../../Design/Link/Link"
+
+export interface FooterProps {
+  version: string
+}
+
+export const Footer: React.FC<FooterProps> = (props) => {
+  const { version } = props
+
+  const t = useTranslations()
+
+  return (
+    <footer className="bg-background dark:bg-background-dark border-gray-darker dark:border-gray-darker-dark flex flex-col items-center justify-center border-t-2 p-6 text-lg">
+      <p>
+        <Link href="/">{t("meta.title")}</Link> |{" "}
+        {t("footer.all-rights-reserved")}
+      </p>
+
+      <p>
+        Version{" "}
+        <Link
+          href={`${GIT_REPO_LINK}/releases/tag/v${version}`}
+          target="_blank"
+          isExternal={false}
+        >
+          {version}
+        </Link>
+      </p>
+    </footer>
+  )
+}