add family tab populated with family list

src/Routers.jsx

@@ -67,6 +67,7 @@ import MyPastDueTasksPage from "./views/MyPastDueTasksPage";
 import FamilyWalletPage from "./views/FamilyWalletPage";
 import FamilyActivitiesPage from "./views/FamilyActivitiesPage";
 import FamGamesPage from "./views/FamGamesPage";
+import FamilyRoutesPage from "./views/FamilyRoutesPage";
 
 export default function Routers() {
   return (
@@ -147,11 +148,7 @@ export default function Routers() {
           <Route exact path="/ai-lab" element={<FamAIQuestionPage />} />
           <Route exact path="/fam-games" element={<FamGamesPage />} />
           <Route exact path="/work-in-progress" element={<FamWorkInProgressPage />} />
-          <Route
-            exact
-            path="/familysettings"
-            element={<FamilySettingsPage />}
-          />
+
           <Route exact path="/pastdue" element={<MyPastDueTasksPage />} />
           <Route exact path="/notification" element={<Notification />} />
           <Route exact path="/mytask" element={<MyTaskPage />} />
@@ -170,8 +167,12 @@ export default function Routers() {
             path="/my-review-jobs"
             element={<MyReviewDueJobsPage />}
           />
-          <Route exact path="/acc-family" element={<FamilyAccPage />} />
+
+          {/* <Route exact path='/acc-family' element={<FamilyAccPage />} />
           <Route exact path="/acc-family/activities" element={<FamilyActivitiesPage />} />
+          <Route exact path="/acc-family/familysettings" element={<FamilySettingsPage />} /> */}
+          <Route path='/acc-family/*' element={<FamilyRoutesPage />} />
+
           <Route exact path="/manage-family" element={<FamilyManagePage />} />
           <Route exact path="/start-job" element={<StartJob />} />
           <Route exact path="/yourpage" element={<YourPages />} />