chore: Update marketplace grid layout for larger screens

src/components/features.tsx

@@ -55,7 +55,7 @@ export default function Features() {
   useEffect(() => {
     setInterval(() => {
       setFeature((feature) => (feature + 1) % 3);
-    }, 10000);
+    }, 9000);
   }, []);
   return (
     <div className="relative w-full mb-52 p-5 xl:p-0">

src/components/marketplace.tsx

@@ -18,7 +18,7 @@ export default function MarketplacePage() {
         <h1 className="text-4xl lg:text-7xl font-bold">Themes Marketplace</h1>
         <ThemesSearch input={searchInput} setInput={setSearchInput} />
       </div>
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-10 w-full">
+      <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 mt-10 w-full">
         {getThemesFromSearch(themes, searchInput).map((theme) => (
           <ThemeCard key={theme.name} theme={theme} />
         ))}