✨ feat(prenatal-care): Create basic prenatal care component

- Implement initial prenatal care component
- Add functionality and layout for prenatal care information

Footer: 0.1.3

src/App.jsx

@@ -9,8 +9,9 @@ import LoginPage from './pages/LoginPage';
 import SignupPage from './pages/SignupPage';
 import Dashboard from './components/Dashboard';
 import Search from './components/Search';
-import Appointments from './components/Appointments';
 import Messages from './components/Messages';
+import Profile from './components/Profile';
+import Appointments from './components/Appointments';
 import Medication from './components/Medication';
 import Records from './components/Records';
 import Consultants from './components/Consultants';
@@ -36,8 +37,9 @@ const App = () => (
       <Route element={<DashboardLayout />}>
         <Route path='/dashboard' element={<Dashboard />} />
         <Route path='/search' element={<Search />} />
-        <Route path='/appointments' element={<Appointments />} />
         <Route path='/messages' element={<Messages />} />
+        <Route path='/profile' element={<Profile />} />
+        <Route path='/appointments' element={<Appointments />} />
         <Route path='/medication' element={<Medication />} />
         <Route path='/records' element={<Records />} />
         <Route path='/consultants' element={<Consultants />} />

src/components/PrenatalCare.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+const PrenatalCare = () => {
+  return (
+    <div>
+      <h1 className="text-2xl font-bold mb-4">Prenatal Care</h1>
+      {/* Add prenatal care information and resources here */}
+    </div>
+  );
+};
+
+export default PrenatalCare;

src/components/Profile.jsx

@@ -8,3 +8,5 @@ const Profile = () => {
     </div>
   );
 };
+
+export default Profile;