feat: Update footer layout, add social media links, and improve styling

src/components/footer.tsx

@@ -105,7 +105,9 @@ export default function Footer() {
       </div>
       <div className="flex w-full pt-10 pr-5 pl-3 mx-auto lg:!w-2/3 items-center">
         <p className="text-xs font-normal opacity-30">Crafted with ❤️ by the community - Copyright © {new Date().getFullYear()} Zen Browser</p>
-        <Button onClick={() => window.open("/download")} className="ml-auto">Download</Button>
+        <a href="/download" className="ml-auto">
+          <Button className="ml-auto">Download</Button>
+        </a>
       </div>
     </div>
   );

src/components/navigation.tsx

@@ -1,5 +1,4 @@
-"use client"
- 
+
 import * as React from "react"
 import Link from "next/link"
  
@@ -19,6 +18,7 @@ import { MobileNav } from "./mobile-nav"
 import { HeartIcon } from "lucide-react"
 import { HeartFilledIcon } from "@radix-ui/react-icons"
 import { useTranslations } from "next-intl";
+import { unstable_setRequestLocale } from "next-intl/server"
  
 export const components: { titleKey: string; href: string; descriptionKey: string }[] = [
   {
@@ -49,7 +49,6 @@ export const components: { titleKey: string; href: string; descriptionKey: strin
 ]
  
 export function Navigation() {
-
   const t = useTranslations('navigation');
 
   const translatedComponents = components.map(component => ({

src/components/theme-page.tsx

@@ -3,7 +3,7 @@
 import { getThemeAuthorLink, getThemeFromId, getThemeMarkdown, ZenTheme } from "@/lib/themes";
 import { Button } from "./ui/button";
 import Markdown from "react-markdown";
-import '../app/privacy-policy/markdown.css';
+import '../app/[locale]/privacy-policy/markdown.css';
 import { ChevronLeft, LoaderCircleIcon } from "lucide-react";
 
 export default async function ThemePage({ themeID }: { themeID: string }) {