fix: settings router

Author: Seldszar

src/background/modules/badge.ts

@@ -12,18 +12,20 @@ export async function refreshActionBadge(enabled: boolean, count: number) {
   const getIconPath = (size: number) =>
     browser.runtime.getURL(enabled ? `icon-${size}.png` : `icon-gray-${size}.png`);
 
-  browser.action.setBadgeBackgroundColor({
-    color: settings.badge.color,
-  });
+  await Promise.allSettled([
+    browser.action.setBadgeBackgroundColor({
+      color: settings.badge.color,
+    }),
 
-  browser.action.setBadgeText({
-    text,
-  });
+    browser.action.setBadgeText({
+      text,
+    }),
 
-  browser.action.setIcon({
-    path: {
-      16: getIconPath(16),
-      32: getIconPath(32),
-    },
-  });
+    browser.action.setIcon({
+      path: {
+        16: getIconPath(16),
+        32: getIconPath(32),
+      },
+    }),
+  ]);
 }

src/browser/pages/settings.tsx

@@ -1,11 +1,11 @@
-import { createHashRouter, redirect, RouterProvider } from "react-router";
+import { createHashRouter, Navigate, RouterProvider } from "react-router";
 
 import { SettingsProvider } from "../contexts";
 
 const router = createHashRouter([
   {
     index: true,
-    loader: () => redirect("general"),
+    element: <Navigate replace to="general" />,
   },
   {
     lazy: () => import("../views/settings/Root"),