fix: fix ui bugs in navbar mobile

src/app/[locale]/(marketing)/blog/[...slug]/page.tsx

@@ -197,7 +197,7 @@ export default async function BlogPostPage(props: NextPageProps) {
                       <li key={category.slug}>
                         <LocaleLink
                           href={`/blog/category/${category.slug}`}
-                          className="text-sm font-medium hover:text-primary"
+                          className="text-sm font-medium text-muted-foreground hover:text-primary"
                         >
                           {category.name}
                         </LocaleLink>

src/components/layout/footer.tsx

@@ -93,7 +93,7 @@ export function Footer({ className }: React.HTMLAttributes<HTMLElement>) {
       </Container>
 
       <div className="border-t py-8">
-        <Container className="px-4 flex items-center justify-between">
+        <Container className="px-4 flex items-center justify-between gap-x-4">
           <span className="text-muted-foreground text-sm">
             &copy; {new Date().getFullYear()} {t('Metadata.name')} All Rights
             Reserved.

src/components/layout/navbar-mobile.tsx

@@ -133,7 +133,7 @@ function MainMobileMenu({ userLoggedIn, onLinkClicked }: MainMobileMenuProps) {
 
   return (
     <div
-      className="fixed w-full inset-0 z-50 mt-[72px] overflow-y-auto
+      className="fixed w-full inset-0 z-50 mt-[64px] overflow-y-auto
       bg-background backdrop-blur-md animate-in fade-in-0"
     >
       <div className="size-full flex flex-col items-start space-y-4">

src/components/layout/theme-selector.tsx

@@ -77,9 +77,6 @@ export function ThemeSelector() {
           size="sm"
           className="cursor-pointer justify-start *:data-[slot=select-value]:w-12"
         >
-          <span className="text-muted-foreground block sm:hidden">
-            {t('label')}
-          </span>
           <SelectValue placeholder={t('label')} />
         </SelectTrigger>
         <SelectContent align="end">