added settings Page and components

pages/clients.vue

@@ -4,8 +4,9 @@
       <h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Clients</h1>
     </div>
     <div id="content-body">
-      <Client />
-      <ClientQuickAccess />
+      <ClientTable v-if="onCustomerlist"/>
+      <Client v-if="onCustomer"/>
+      <ClientQuickAccess v-if="onCustomer"/>
     </div>
   </section>
 </template>
@@ -25,6 +26,10 @@ definePageMeta({
 })
 
 const darkMode = ref(true)
+
+// to render the right components
+const onCustomerlist = ref(true)
+const onCustomer = ref(true)
 </script>
 
 <script>