add family tab populated with family list

src/views/FamilyRoutesPage.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { Route, Routes } from "react-router-dom";
+
+import FamilyRoutes from '../components/FamilyAcc/FamilyRoutes'
+import FamilyAcc from '../components/FamilyAcc';
+import FamilyActivities from '../components/FamilyAcc/FamilyActivities';
+import FamilySettings from '../components/FamilyAcc/FamilySettings';
+import FourZeroFour from '../components/FourZeroFour';
+
+export default function FamilyRoutesPage() {
+  return (
+    <Routes>
+        <Route element={<FamilyRoutes />}>
+            <Route exact path='/' element={<FamilyAcc />} />
+            <Route exact path="/activities" element={<FamilyActivities />} />
+            <Route exact path="/familysettings" element={<FamilySettings />} />
+            <Route exact path="/*" element={<FourZeroFour />} />
+        </Route>
+    </Routes>
+  )
+}