refactor: clean code

src/background.ts

@@ -217,11 +217,7 @@ async function handleNewTab(tab: chrome.tabs.Tab) {
 
   tabMap[tab.id] = tab;
 
-  try {
-    await processTabAndGroup(tab, types);
-  } catch (error) {
-    console.error("Error in handleNewTab:", error);
-  }
+  await processTabAndGroup(tab, types);
 }
 
 async function handleTabUpdate(
@@ -249,11 +245,7 @@ async function handleTabUpdate(
 
   tabMap[tab.id] = tab;
 
-  try {
-    await processTabAndGroup(tab, types);
-  } catch (error) {
-    console.error("Error in handleTabUpdate:", error);
-  }
+  await processTabAndGroup(tab, types);
 }
 
 chrome.tabs.onCreated.addListener(handleNewTab);

src/components/ColorPicker.tsx

@@ -24,7 +24,7 @@ const ColorCircle = ({
           "--tw-ring-color": colorValue,
         } as React.CSSProperties
       }
-      checked={selected}
+      defaultChecked={selected}
       onClick={onClick}
     ></input>
   );

src/components/LoadingSpinner.tsx

@@ -12,7 +12,7 @@ export const LoadingSpinner = () => (
       cy="12"
       r="10"
       stroke="currentColor"
-      stroke-width="4"
+      strokeWidth="4"
     ></circle>
     <path
       className="opacity-75"

src/components/Switch.tsx

@@ -15,7 +15,7 @@ export default function Switch({
           type="checkbox"
           checked={isChecked}
           className="peer sr-only"
-          onClick={onChange}
+          onChange={onChange}
         />
         <label htmlFor="switch" className="hidden"></label>
         <div className="peer h-6 w-11 rounded-full border bg-slate-200 after:absolute after:left-[2px] after:top-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-primary peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:ring-green-300"></div>

src/components/toast.ts

@@ -121,3 +121,8 @@ export function toast(messageOrOptions: string | Partial<ToastOptions>) {
   }, toastOptions.duration);
   return element;
 }
+
+toast.success = (message: string) => toast({ type: "success", message });
+toast.info = (message: string) => toast({ type: "info", message });
+toast.warn = (message: string) => toast({ type: "warn", message });
+toast.error = (message: string) => toast({ type: "error", message });