Added account drawer

client/src/components/AppNavbar.vue

@@ -11,7 +11,7 @@
           <li><router-link to="/about">About</router-link></li>
           <li><router-link to="/services">Services</router-link></li>
           <li><router-link to="/contact">Contact</router-link></li>
-          <!-- Account and Logout links removed -->
+          <li><router-link to="/portfolio">Portfolio</router-link></li>
         </template>
         <template v-else>
           <li><router-link to="/signup">Sign Up</router-link></li>

client/src/router/index.js

@@ -15,6 +15,8 @@ import AboutPage from '@/views/AboutPage.vue';
 import ServicesPage from '@/views/ServicesPage.vue';
 import ResultsPage from '@/views/ResultsPage.vue';
 import ContactPage from '@/views/ContactPage.vue';
+import PortfolioPage from '@/views/PortfolioPage.vue';
+
 
 const routes = [
     {
@@ -57,6 +59,13 @@ const routes = [
         component: ResultsPage,
         meta: { requiresAuth: true },
     },
+    {
+        path: '/portfolio',
+        name: 'Portfolio',
+        component: PortfolioPage,
+        meta: { requiresAuth: true },
+    },
+
 ];
 
 const router = createRouter({

client/src/views/PortfolioPage.vue

@@ -0,0 +1,22 @@
+<!-- Prologue
+Component Name: PortfolioPage
+Path: src/views/PortfolioPage.vue
+
+Description:
+Provides an "About Us" section for the KobraStocks application, detailing the mission, vision, team, and values to build trust with users.
+-->
+
+
+<template>
+  <div class="main-content">
+    <h2>Portfolio</h2>
+    <p>
+    </p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PortfolioPage',
+};
+</script>