Feature/public themes (#55)

* fix: Theme preset hover + middleware dead code

* wip

* refactor apply-theme-to-element

* feat: Add theme view

* Show unsaved changes in theme-preset-select

* feat: Add more actions for themes

* fix build errors

Author: jnsahaj

app/themes/[themeId]/not-found.tsx

@@ -7,11 +7,11 @@ export default function ThemeNotFound() {
       <div className="text-center">
         <h1 className="text-4xl font-bold mb-4">Theme Not Found</h1>
         <p className="text-muted-foreground mb-8">
-          The theme you're looking for doesn't exist or you don't have
+          The theme you're looking for doesn\'t exist or you don\'t have
           permission to view it.
         </p>
         <Button asChild>
-          <Link href="/dashboard">Return to Dashboard</Link>
+          <Link href="/editor/theme">Return to Editor</Link>
         </Button>
       </div>
     </main>

components/editor/theme-preset-select.tsx

@@ -267,7 +267,6 @@ const ThemePresetSelect: React.FC<ThemePresetSelectProps> = ({
     currentPreset,
     themeState.styles,
     presets,
-    value,
   ]);
 
   return (

components/editor/theme-preview-panel.tsx

@@ -17,7 +17,6 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { ActionBar } from "./action-bar/action-bar";
 
 const DemoCards = lazy(() => import("@/components/examples/demo-cards"));
 const DemoMail = lazy(() => import("@/components/examples/mail"));

components/theme-view.tsx

@@ -36,7 +36,13 @@ export default function ThemeView({ theme }: { theme: Theme }) {
     return () => {
       restoreThemeCheckpoint();
     };
-  }, [theme]);
+  }, [
+    theme,
+    saveThemeCheckpoint,
+    setThemeState,
+    themeState,
+    restoreThemeCheckpoint,
+  ]);
 
   if (!theme) {
     notFound();