settings: Fix custom sections not opening from context menu

and the ability for custom onClick actions

Co-authored-by: NotNite <[e-mail]>

packages/core-extensions/src/settings/webpackModules/settings.ts

···
 import { SettingsSection, Settings as SettingsType } from "@moonlight-mod/types/coreExtensions/settings";
+import UserSettingsModalActionCreators from "@moonlight-mod/wp/discord/actions/UserSettingsModalActionCreators";
 
 export const Settings: SettingsType = {
   ourSections: [],
   sectionNames: [],
   sectionMenuItems: {},
 
-  addSection: (section, label, element, color = null, pos, notice) => {
+  addSection: (section, label, element, color = null, pos, notice, onClick) => {
     const data: SettingsSection = {
       section,
       label,
       color,
       element,
       pos: pos ?? -4,
-      notice: notice
+      notice: notice,
+      onClick: onClick ?? (() => UserSettingsModalActionCreators.open(section))
     };
 
     Settings.ourSections.push(data);

packages/types/src/coreExtensions/settings.ts

···
       element: React.FunctionComponent;
       pos: number | ((sections: SettingsSection[]) => number);
       notice?: NoticeProps;
+      onClick?: () => void;
       _moonlight_submenu?: () => ReactElement | ReactElement[];
     };
 
···
    * @param color A color to use for the section
    * @param pos The position in the settings menu to place the section
    * @param notice A notice to display when in the section
+   * @param onClick A custom action to execute when clicked from the context menu
    */
   addSection: (
     section: string,
···
     element: React.FunctionComponent,
     color?: string | null,
     pos?: number | ((sections: SettingsSection[]) => number),
-    notice?: NoticeProps
+    notice?: NoticeProps,
+    onClick?: () => void
   ) => void;
 
   /**