refactor: camoufox rust implementation

src/app/page.tsx

@@ -141,9 +141,7 @@ export default function Home() {
       const profileList = await invoke<BrowserProfile[]>(
         "list_browser_profiles",
       );
-      setProfiles(
-        profileList.filter((profile) => profile.browser !== "camoufox"),
-      );
+      setProfiles(profileList);
 
       // Check for missing binaries after loading profiles
       await checkMissingBinaries();
@@ -191,9 +189,7 @@ export default function Home() {
       const profileList = await invoke<BrowserProfile[]>(
         "list_browser_profiles",
       );
-      setProfiles(
-        profileList.filter((profile) => profile.browser !== "camoufox"),
-      );
+      setProfiles(profileList);
 
       // TODO: remove after a few version bumps, needed to properly display migrated profiles
       setTimeout(async () => {
@@ -201,9 +197,7 @@ export default function Home() {
           const profiles = await invoke<BrowserProfile[]>(
             "list_browser_profiles",
           );
-          setProfiles(
-            profiles.filter((profile) => profile.browser !== "camoufox"),
-          );
+          setProfiles(profiles);
         }
         await sleep(500);
       }, 0);

src/components/create-profile-dialog.tsx

@@ -86,7 +86,7 @@ const browserOptions: BrowserOption[] = [
   {
     value: "mullvad-browser",
     label: "Mullvad Browser",
-    description: "Privacy browser by Mullvad VPN",
+    description: "TOR Browser fork by Mullvad VPN",
   },
   {
     value: "tor-browser",
@@ -95,8 +95,6 @@ const browserOptions: BrowserOption[] = [
   },
 ];
 
-const IS_ANTI_DETECT_SUPPORTED = false;
-
 export function CreateProfileDialog({
   isOpen,
   onClose,
@@ -388,54 +386,45 @@ export function CreateProfileDialog({
               </TabsContent>
 
               <TabsContent value="anti-detect" className="mt-0 space-y-6">
+                {/* Anti-Detect Description */}
                 <div className="p-3 text-center bg-blue-50 rounded-md border border-blue-200 dark:bg-blue-950 dark:border-blue-800">
                   <p className="text-sm text-blue-800 dark:text-blue-200">
-                    Anti-Detect support is coming soon!
+                    Powered by Camoufox
                   </p>
                 </div>
-              </TabsContent>
-              {IS_ANTI_DETECT_SUPPORTED && (
-                <TabsContent value="anti-detect" className="mt-0 space-y-6">
-                  {/* Anti-Detect Description */}
-                  <div className="p-3 text-center bg-blue-50 rounded-md border border-blue-200 dark:bg-blue-950 dark:border-blue-800">
-                    <p className="text-sm text-blue-800 dark:text-blue-200">
-                      Powered by Camoufox
-                    </p>
-                  </div>
 
-                  <div className="space-y-6">
-                    {/* Camoufox Download Status */}
-                    {!isBrowserVersionAvailable("camoufox") &&
-                      camoufoxReleaseTypes.stable && (
-                        <div className="flex gap-3 items-center p-3 bg-amber-50 rounded-md border border-amber-200">
-                          <p className="text-sm text-amber-800">
-                            Camoufox version ({camoufoxReleaseTypes.stable})
-                            needs to be downloaded
-                          </p>
-                          <LoadingButton
-                            onClick={() => handleDownload("camoufox")}
-                            isLoading={isBrowserDownloading("camoufox")}
-                            size="sm"
-                            disabled={isBrowserDownloading("camoufox")}
-                          >
-                            Download
-                          </LoadingButton>
-                        </div>
-                      )}
-                    {isBrowserVersionAvailable("camoufox") && (
-                      <div className="p-3 text-sm text-green-600 bg-green-50 rounded-md border border-green-200">
-                        ✓ Camoufox version ({camoufoxReleaseTypes.stable}) is
-                        available
+                <div className="space-y-6">
+                  {/* Camoufox Download Status */}
+                  {!isBrowserVersionAvailable("camoufox") &&
+                    camoufoxReleaseTypes.stable && (
+                      <div className="flex gap-3 items-center p-3 bg-amber-50 rounded-md border border-amber-200">
+                        <p className="text-sm text-amber-800">
+                          Camoufox version ({camoufoxReleaseTypes.stable}) needs
+                          to be downloaded
+                        </p>
+                        <LoadingButton
+                          onClick={() => handleDownload("camoufox")}
+                          isLoading={isBrowserDownloading("camoufox")}
+                          size="sm"
+                          disabled={isBrowserDownloading("camoufox")}
+                        >
+                          Download
+                        </LoadingButton>
                       </div>
                     )}
+                  {isBrowserVersionAvailable("camoufox") && (
+                    <div className="p-3 text-sm text-green-600 bg-green-50 rounded-md border border-green-200">
+                      ✓ Camoufox version ({camoufoxReleaseTypes.stable}) is
+                      available
+                    </div>
+                  )}
 
-                    <SharedCamoufoxConfigForm
-                      config={camoufoxConfig}
-                      onConfigChange={updateCamoufoxConfig}
-                    />
-                  </div>
-                </TabsContent>
-              )}
+                  <SharedCamoufoxConfigForm
+                    config={camoufoxConfig}
+                    onConfigChange={updateCamoufoxConfig}
+                  />
+                </div>
+              </TabsContent>
 
               {/* Proxy Selection - Common to both tabs - Compact without card */}
               {storedProxies.length > 0 && (

src/lib/toast-utils.ts

@@ -100,7 +100,7 @@ export function showToast(props: ToastProps & { id?: string }) {
   }
 
   if (props.type === "success") {
-    sonnerToast.success(React.createElement(UnifiedToast, props), {
+    sonnerToast.custom(() => React.createElement(UnifiedToast, props), {
       id: toastId,
       duration,
       style: {
@@ -113,7 +113,7 @@ export function showToast(props: ToastProps & { id?: string }) {
       },
     });
   } else if (props.type === "error") {
-    sonnerToast.error(React.createElement(UnifiedToast, props), {
+    sonnerToast.custom(() => React.createElement(UnifiedToast, props), {
       id: toastId,
       duration,
       style: {