feat: Add language switcher component to footer

The code changes include:
- Adding the `LocaleSwitcher` component to the footer.
- Updating the footer layout to accommodate the language switcher.
- Importing the `LocaleSwitcher` component in the `Footer` component.

This commit enhances the user experience by allowing users to easily change the language of the website.

src/components/footer.tsx

@@ -5,6 +5,7 @@ import TextReveal from "./ui/text-reveal";
 import { DiscordLogoIcon, GitHubLogoIcon } from "@radix-ui/react-icons";
 import { MastodonLogo } from "./icons/mastodon";
 import { Button } from "./ui/button";
+import LocaleSwitcher from "./locale-switcher";
 
 export default function Footer() {
   return (
@@ -26,6 +27,8 @@ export default function Footer() {
                 <MastodonLogo className="w-5 h-5" />
               </a>
             </div>
+            <h2 className="text-md font-bold opacity-80 mt-6">Change Language</h2>
+            <LocaleSwitcher />
           </div>
         </div>
         <div className="flex flex-col md:flex-row">