Yami/pet profile UI

frontend/src/App.tsx

@@ -9,6 +9,8 @@ import Landing from "./Landing";
 import Loading from "./Loading";
 import NotFound from "./NotFound";
 import SignUp from "./SignUp";
+import PetProfiles from "./PetProfiles";
+
 
 const ProtectedRoute = ({ children }: React.PropsWithChildren<unknown>) => {
   const { authenticationState } = useContext(AuthContext);
@@ -85,6 +87,12 @@ const AppRouter = () => {
           </ProtectedRoute>
         }
       />
+      <Route
+        path="pet-profiles"
+        element={
+          <PetProfiles />
+        }
+      />
       <Route path="*" element={<NotFound />} />
     </Routes>
   );

frontend/src/Home.tsx

@@ -7,6 +7,7 @@ import { AuthCtx } from "./auth/AuthProvider";
 import { ROUTES } from "./constants";
 import FurBabyLogo from "./FurbabyLogo";
 import Profile from "./Profile";
+import PetProfiles from './PetProfiles';
 import Settings from "./Settings";
 import { classNames } from "./utils";
 
@@ -19,7 +20,7 @@ const user = {
 const navigation = [
   { name: "Dashboard", href: "#", current: true },
   { name: "Job Feed", href: "#", current: false },
-  { name: "Pet Profiles", href: "#", current: false },
+  { name: "Pet Profiles", href: ROUTES.PROTECTED_ROUTES.PET_PROFILES, current: true },
 ];
 
 type HomeProps = {
@@ -83,6 +84,7 @@ const Home = (props: React.PropsWithChildren<HomeProps>) => {
         />
       );
     }
+
     return "Nothing here to display";
   }, [pathname]);