Add App route to OrganizationSettings component

Add links in DrawerMenu to subscribed Orgs

Author: mojo9492

client/src/App.tsx

@@ -28,7 +28,7 @@ const App: React.FC = () => {
                                     <Route path="/event/:eventId" component={EventPage} />
                                     <Route path="/about" component={About} />
                                     <Route
-                                        path="/organizationSettings"
+                                        path="/organization/:organizationId"
                                         component={OrganizationSettings}
                                     />
                                     <Route path="/settings" component={UserSettings} />

client/src/Navigation/DrawerMenu.tsx

@@ -53,7 +53,7 @@ export const DrawerMenu: React.FC = (): ReactElement => {
                                         return (
                                             <NavLink
                                                 key={`${tsrUser.username}-${org.organizationDisplayName}`}
-                                                to={`${org.organizationId}`}
+                                                to={`organization/${org.organizationId}`}
                                             >
                                                 {org.organizationDisplayName}
                                             </NavLink>

client/src/Organization/OrganizationSettings.tsx

@@ -14,10 +14,15 @@ const OrganizationSettings: React.FC = () => {
         return <></>;
     }
 
+    if (tsrUser.settings.organizations === undefined) {
+        console.log("no orgs");
+    }
+
     return (
         <>
             <h1 className="UserSettings-Header">{`${tsrUser.username} organization settings`}</h1>
-            <p>`Role :${tsrUser.role}`</p>
+            <p>Role: {tsrUser.role}</p>
+            <p>{tsrUser.settings.organizations}</p>
         </>
     );
 };