Add Legal Center link to footer and localized links

src/components/Layouts/Public/Footer.tsx

@@ -2,6 +2,7 @@
 
 import Link from "next/link";
 import { useEffect, useState } from "react";
+import { useTranslations } from "next-intl";
 
 interface LegalPageLink {
     title: string;
@@ -9,6 +10,7 @@ interface LegalPageLink {
 }
 
 export default function Footer() {
+    const t = useTranslations("Navigation");
     const [legalPages, setLegalPages] = useState<LegalPageLink[]>([]);
 
     useEffect(() => {
@@ -36,8 +38,14 @@ export default function Footer() {
         <footer className="py-12 border-t border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-900">
             <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
                 <div className="flex flex-wrap justify-center gap-6 mb-6 text-gray-500 dark:text-gray-400 text-sm font-medium">
-                    <Link href="/contact" className="hover:text-brand-500 transition-colors">Contact</Link>
+                    <Link href="/contact" className="hover:text-brand-500 transition-colors">
+                        {t('contact')}
+                    </Link>
                     
+                    <Link href="/legal" className="hover:text-brand-500 transition-colors">
+                        {t('legal_center')}
+                    </Link>
+
                     {legalPages.map((page) => (
                         <Link 
                             key={page.slug} 

src/messages/en.json

@@ -53,7 +53,8 @@
         "signup": "Get Started",
         "signout": "Sign Out",
         "chat_id_finder": "Chat ID Finder",
-        "app_key_generator": "App Key Generator"
+        "app_key_generator": "App Key Generator",
+        "legal_center": "Legal Center"
     },
     "Settings": {
         "appearance": "Appearance",