Add AddPetForm to routes

Author: zeukyr

frontend/src/App.tsx

@@ -31,6 +31,7 @@ import { AuthenticatedUser } from "./types/AuthTypes";
 import VolunteerViewEditUserProfilePage from "./features/user-profile/pages/VolunteerViewEditUserProfilePage";
 import EditPetProfilePage from "./features/pet-profile/pages/EditPetProfilePage";
 import EditTaskTemplatePage from "./features/task-management/pages/EditTaskTemplatePage";
+import AddPetForm from "./features/pet-profile/pages/AddPetForm";
 
 const App = (): React.ReactElement => {
   const currentUser: AuthenticatedUser = getLocalStorageObj<AuthenticatedUser>(
@@ -102,6 +103,12 @@ const App = (): React.ReactElement => {
                 component={EditPetProfilePage}
                 allowedRoles={AuthConstants.ADMIN_AND_BEHAVIOURISTS}
               />
+              <PrivateRoute
+                exact
+                path={`${Routes.ADD_PET_FORM}`}
+                component={AddPetForm}
+                allowedRoles={AuthConstants.ADMIN_AND_BEHAVIOURISTS}
+              />
               <PrivateRoute
                 exact
                 path={Routes.ADMIN_PAGE}

frontend/src/constants/Routes.ts

@@ -14,6 +14,8 @@ export const PET_PROFILE_PAGE = "/pet-profile";
 
 export const EDIT_PET_PROFILE_PAGE = "/edit-pet-profile";
 
+export const ADD_PET_FORM = "/add-pet-form";
+
 export const USER_MANAGEMENT_PAGE = "/admin/users";
 
 export const ADMIN_EDIT_USER_PROFILE_PAGE = "/admin/edit-user-profile";