finished customer pages

layouts/Navigationbar.vue

@@ -77,7 +77,8 @@
           </Transition>
         </router-link>
         <router-link to="/customers" class="button"
-          :class="[loggedInUserDarkModeBoolean ? 'button-darkmode' : 'button-lightmode']" id="customers-button">
+          :class="[loggedInUserDarkModeBoolean ? 'button-darkmode' : 'button-lightmode']" @click="defaultCustomerPage()"
+          id="customers-button">
           <div class="icon" id="customers-icon">
             <img :class="[loggedInUserDarkModeBoolean ? 'img-darkmode' : 'img-lightmode']" loading="lazy"
               src="/icons/navbar-icons/Customers-Icon.svg" />
@@ -143,6 +144,11 @@ const defaultEmployeesPage = () => {
   store.commit('changeToEmployeelist')
 }
 
+const defaultCustomerPage = () => {
+  store.commit('resetStore');
+  store.commit('changeToCustomerlist')
+}
+
 const ToggleSidebar = () => {
   isExpanded.value = !isExpanded.value;
 };