(chore): initial MVP release v0.1.0

entrypoints/popup/App.tsx

@@ -0,0 +1,38 @@
+import { useEffect, useState } from "react";
+import { ThemeProvider } from "@/components/theme-provider";
+import { Settings } from "@/types/settings";
+
+function App({ children }: { children: React.ReactNode }) {
+  const [settings, setSettings] = useState<Settings>({
+    theme: "system",
+    autofill_url: true,
+  });
+
+  // loading the settings from storage if available, overwriting the default values when the component mounts
+  useEffect(() => {
+    const loadSettings = async () => {
+      try {
+        const result = await browser.storage.local.get('settings');
+        if (result.settings) {
+          // Merge saved settings with default settings
+          // Only override keys that exist in saved settings, keeping defaults otherwise
+          setSettings(prevSettings => ({
+            ...prevSettings,
+            ...result.settings
+          }));
+        }
+      } catch (error) {
+        console.error("Failed to load settings:", error);
+      }
+    };
+    loadSettings();
+  }, []);
+
+  return (
+    <ThemeProvider defaultTheme={settings.theme || "system"} storageKey="vite-ui-theme">
+      {children}
+    </ThemeProvider>
+  );
+}
+
+export default App;