chore: Update MobileNav component to use "Theme Store" instead of "Themes"

src/components/theme-card.tsx

@@ -1,4 +1,4 @@
-import { ZenTheme } from "@/lib/themes";
+import { getThemeAuthorLink, ZenTheme } from "@/lib/themes";
 import styled from "styled-components";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./ui/dialog";
 import { Button } from "./ui/button";
@@ -18,11 +18,21 @@ export default function ThemeCard({
     }} className="flex flex-col justify-start p-5 rounded-lg shadow-md bg-muted/50 border border-muted w-full hover:shadow-lg transition duration-300 ease-in-out hover:bg-muted/100 hover:border-blue-500 cursor-pointer select-none hover:border-blue-500 hover:shadow-lg">
       <img src={theme.image} alt={theme.name} className="w-full h-32 object-cover rounded-lg border shadow" />
       <h2 className="text-xl font-bold mt-4 overflow-ellipsis text-start">{theme.name}</h2>
-      {theme.homepage && (
-        <a href={theme.homepage} className="text-blue-500 text-md mt-2" target="_blank" rel="noopener noreferrer">
-          Homepage
+      <div className="flex mt-2">
+        {theme.homepage && (
+          <>
+            <a href={theme.homepage} className="text-blue-500 text-md" target="_blank" rel="noopener noreferrer">
+              Homepage
+            </a>
+            <span className="text-muted-foreground text-md mx-2">
+              {"·"}
+            </span>
+          </>
+        )}
+        <a href={getThemeAuthorLink(theme)} className="text-blue-500 text-md" target="_blank" rel="noopener noreferrer">
+          Author
         </a>
-      )}
+      </div>
       <p className="text-md mt-2 overflow-ellipsis text-muted-foreground text-start">{theme.description}</p>
     </ThemeCardWrapepr>
   );