feat: Implement a plugins page

src/pages/settings/Settings.tsx

@@ -15,7 +15,7 @@ import {
     User,
     Megaphone,
     Speaker,
-    Store,
+    Plug,
     Bot,
     Trash,
 } from "@styled-icons/boxicons-solid";
@@ -53,6 +53,7 @@ import { Languages } from "./panes/Languages";
 import { MyBots } from "./panes/MyBots";
 import { Native } from "./panes/Native";
 import { Notifications } from "./panes/Notifications";
+import { PluginsPage } from "./panes/Plugins";
 import { Profile } from "./panes/Profile";
 import { Sessions } from "./panes/Sessions";
 import { Sync } from "./panes/Sync";
@@ -162,6 +163,13 @@ export default observer(() => {
                     icon: <Palette size={20} />,
                     title: <Text id="app.settings.pages.appearance.title" />,
                 },
+                {
+                    id: "plugins",
+                    icon: <Plug size={20} />,
+                    // TODO(lexisother): Replace this with the actual i18n <Text />
+                    title: <p>Plugins</p>,
+                    hidden: !experiments.isEnabled("plugins"),
+                },
                 {
                     id: "notifications",
                     icon: <Bell size={20} />,
@@ -214,6 +222,9 @@ export default observer(() => {
                     <Route path="/settings/appearance">
                         <Appearance />
                     </Route>
+                    <Route path="/settings/plugins">
+                        <PluginsPage />
+                    </Route>
                     <Route path="/settings/audio">
                         <Audio />
                     </Route>