Rewrite settings patch and add to api

packages/bunny-types/def.tt

@@ -33,6 +33,7 @@
 		color
 		toasts
 		styles
+		settings
 	}
 	utils {
 		constants

src/core/ui/settings/index.ts

@@ -1,12 +1,47 @@
-// TODO: make settings patches part of the api
-import patchPanels from "@core/ui/settings/patches/panels";
-import patchYou from "@core/ui/settings/patches/you";
+import { Strings } from "@core/i18n";
+import { getAssetIDByName } from "@lib/api/assets";
+import { isThemeSupported } from "@lib/api/native/loader";
+import { useProxy } from "@lib/api/storage";
+import { settings } from "@lib/settings";
+import { registerSection } from "@lib/ui/settings";
+import { version } from "bunny-build";
 
-export default function initSettings() {
-    const patches = [
-        patchPanels(),
-        patchYou(),
-    ];
+// @ts-ignore
+import PyoncordIcon from "../../../assets/icons/pyon64.png";
 
-    return () => patches.forEach(p => p?.());
+export default function initSettings() {
+    registerSection({
+        name: "Bunny",
+        items: [
+            {
+                key: "BUNNY",
+                title: () => Strings.BUNNY,
+                icon: { uri: PyoncordIcon },
+                render: () => import("@core/ui/settings/pages/General"),
+                rawTabsConfig: {
+                    useTrailing: () => `(${version})`
+                }
+            },
+            {
+                key: "BUNNY_PLUGINS",
+                title: () => Strings.PLUGINS,
+                icon: getAssetIDByName("ActivitiesIcon"),
+                render: () => import("@core/ui/settings/pages/Plugins")
+            },
+            {
+                key: "BUNNY_THEMES",
+                title: () => Strings.THEMES,
+                icon: getAssetIDByName("PaintPaletteIcon"),
+                render: () => import("@core/ui/settings/pages/Themes"),
+                usePredicate: () => isThemeSupported()
+            },
+            {
+                key: "BUNNY_DEVELOPER",
+                title: () => Strings.DEVELOPER,
+                icon: getAssetIDByName("WrenchIcon"),
+                render: () => import("@core/ui/settings/pages/Developer"),
+                usePredicate: () => useProxy(settings).developerSettings ?? false
+            }
+        ]
+    });
 }

src/core/ui/settings/pages/General.tsx

@@ -2,7 +2,7 @@ import { Strings } from "@core/i18n";
 import Version from "@core/ui/components/Version";
 import { getAssetIDByName } from "@lib/api/assets";
 import { useProxy } from "@lib/api/storage";
-import { getDebugInfo, _toggleSafeMode } from "@lib/debug";
+import { _toggleSafeMode, getDebugInfo } from "@lib/debug";
 import { settings } from "@lib/settings";
 import { Stack, TableRow, TableRowGroup, TableSwitchRow } from "@lib/ui/components/discord/Redesign";
 import { DISCORD_SERVER, GITHUB } from "@lib/utils/constants";