moonbase: Error boundaries on extension cards

packages/core-extensions/src/moonbase/webpackModules/ui/extensions/card.tsx

···
 import MarkupClasses from "@moonlight-mod/wp/discord/modules/messages/web/Markup.css";
 import BuildOverrideClasses from "@moonlight-mod/wp/discord/modules/build_overrides/web/BuildOverride.css";
 import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores";
+import ErrorBoundary from "@moonlight-mod/wp/common_ErrorBoundary";
 import ExtensionInfo from "./info";
 import Settings from "./settings";
 import { doGenericExtensionPopup, doMissingExtensionPopup } from "./popup";
···
               })}
             </Text>
           )}
-          {tab === ExtensionPage.Settings && <Settings ext={ext} />}
+          {tab === ExtensionPage.Settings && (
+            <ErrorBoundary>
+              <Settings ext={ext} />
+            </ErrorBoundary>
+          )}
         </Flex>
       </div>
     </Card>

packages/core-extensions/src/moonbase/webpackModules/ui/extensions/index.tsx

···
 import PanelButton from "@moonlight-mod/wp/discord/components/common/PanelButton";
 
 import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores";
+import ErrorBoundary from "@moonlight-mod/wp/common_ErrorBoundary";
 import { ExtensionCompat } from "@moonlight-mod/core/extension/loader";
 import HelpMessage from "../HelpMessage";
 
···
       )}
 
       {filteredWithUpdates.map((ext) => (
-        <ExtensionCard uniqueId={ext.uniqueId} key={ext.uniqueId} selectTag={selectTag} />
+        <ErrorBoundary>
+          <ExtensionCard uniqueId={ext.uniqueId} key={ext.uniqueId} selectTag={selectTag} />
+        </ErrorBoundary>
       ))}
       {filteredWithUpdates.length > 0 && filteredWithoutUpdates.length > 0 && (
         <FormDivider className="moonbase-update-divider" />
       )}
       {filteredWithoutUpdates.map((ext) => (
-        <ExtensionCard uniqueId={ext.uniqueId} key={ext.uniqueId} selectTag={selectTag} />
+        <ErrorBoundary>
+          <ExtensionCard uniqueId={ext.uniqueId} key={ext.uniqueId} selectTag={selectTag} />
+        </ErrorBoundary>
       ))}
     </>
   );

packages/core-extensions/src/moonbase/webpackModules/ui/extensions/settings.tsx

···
 import Flex from "@moonlight-mod/wp/discord/uikit/Flex";
 import MarkupUtils from "@moonlight-mod/wp/discord/modules/markup/MarkupUtils";
 import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores";
+import ErrorBoundary from "@moonlight-mod/wp/common_ErrorBoundary";
 
 let GuildSettingsRoleEditClasses: any;
 spacepack
···
   }
 
   return (
-    <Component value={value} setValue={(value) => MoonbaseSettingsStore.setExtensionConfig(ext.id, name, value)} />
+    <ErrorBoundary>
+      <Component value={value} setValue={(value) => MoonbaseSettingsStore.setExtensionConfig(ext.id, name, value)} />
+    </ErrorBoundary>
   );
 }