Refactor import statement in release notes page and version list component

src/components/marketplace.tsx

@@ -11,7 +11,7 @@ export default function MarketplacePage({ themes }: {themes:ZenTheme[]}) {
 
   return (
     <div className="flex flex-col w-full mx-auto items-center justify-center h-full">
-      <div className="mx-auto w-full text-center border-b pt-48 pb-24 mb-12 bg-surface">
+      <div className="mx-auto w-full text-center border-b pt-48 pb-24 mb-12 bg-surface dark:bg-[#121212]">
         <div className="w-full lg:w-1/2 xl:w-1/2 mx-auto px-2 lg:px-none">
           <h1 className="text-4xl lg:text-7xl font-bold">Themes Store</h1>
           <ThemesSearch input={searchInput} setInput={setSearchInput} tags={tags} setTags={setTags} />

src/components/release-note.tsx

@@ -3,13 +3,17 @@ import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
 import { CheckCheckIcon, StarIcon } from "lucide-react";
 import { Button } from "./ui/button";
 import Link from "next/link";
+import { VersionList } from "./version-list";
 export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
   return (
-    <div className="flex flex-col mt-52 mb-24">
-      <div className="mx-auto w-full px-10 md:px-0 lg:w-2/3">
-        <h1 className="text-4xl font-bold">
-          Release notes for {data.version} 🎉
-        </h1>
+    <div className="flex flex-col mt-52">
+      <div className="w-full px-10 md:px-0">
+        <div className="flex flex-col lg:flex-row-reverse items-center justify-between">
+          <VersionList currentVersion={data.version} />
+          <h1 className="text-4xl font-bold">
+            Release notes for {data.version} 🎉
+          </h1>
+        </div>
         <p className="text-sm mt-1 font-bold text-muted-foreground">
           {data.date}
         </p>
@@ -95,11 +99,6 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
           </>
         )}
       </div>
-      <div className="flex flex-wrap items-center justify-center">
-        <a href="/download">
-          <Button className="mt-12 w-fit mx-auto">Download Zen now!</Button>
-        </a>
-      </div>
     </div>
   );
 }

src/components/version-list.tsx

@@ -13,7 +13,7 @@ export const VersionList = React.memo(({ currentVersion }: { currentVersion: str
   }, []);
 
   return (
-    <div className="fixed right-0 lg:right-0 top-20 z-10 pr-2">
+    <div className="z-10 mb-10 lg:mb-0 pr-2">
       <div className="relative">
         <Button
           variant="outline"