Added new back offcie itesm

src/components/account_view/AccountViewCom.jsx

@@ -0,0 +1,18 @@
+import {useEffect, useState} from 'react'
+import {Link} from 'react-router-dom'
+
+import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
+
+export default function AccountViewCom() {
+
+    return (
+        <div className='w-full flex flex-col gap-8'>
+            <BreadcrumbCom title='Account View [PUT MEMBER_UID]' paths={['Dashboard', 'Account View']}/>
+
+            <div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
+
+
+            </div>
+        </div>
+    )
+}

src/components/customer/CustomerCom.jsx

@@ -133,7 +133,8 @@ export default function CustomerCom() {
                                                         <div className='flex items-center justify-end gap-3 md:gap-4'>
                                                             <div
                                                                 className='p-2 flex justify-center items-center text-slate-500 bg-white-body dark:text-white-body dark:bg-black-body rounded-md'>
-                                                                <Link to={''} state={{customerID: item?.id}}>
+                                                                <Link to={`/account-view/${item?.member_uid}`}
+                                                                      state={{customerID: item?.id}}>
                                                                     <Icons name='eye'/>
                                                                 </Link>
                                                             </div>

src/components/layouts/aside/DashboardAside.jsx

@@ -158,6 +158,8 @@ const asideNavLinks = [
             {
                 name: 'Configurations', status: 1, icon: 'arrow-right', subLinks: [
                     {name: 'Product Settings', status: 1, icon: 'dot', to: RouteLinks.products},
+                    {name: 'Product Templates', status: 1, icon: 'dot', to: RouteLinks.productTemplates},
+                    {name: 'Custom Templates', status: 1, icon: 'dot', to: RouteLinks.customTemplates},
                     {name: 'Admin Manager', status: 1, icon: 'dot', to: RouteLinks.usersAdmin},
                 ]
             },

src/components/users_admin/UsersAdmin.jsx

@@ -62,12 +62,13 @@ export default function UsersAdmin() {
                 :
                 <>
                     {/* filter section */}
-                    <div className='px-2 py-2 mb-4 flex flex-col sm:flex-row flex-wrap sm:items-center gap-2'>
+                    <div className='px-2 py-2 mb-4 flex flex-col sm:flex-row flex-wrap sm:items-center gap-2' >
                         <Icons name='filter' className='text-3xl' />
                         <div className='w-full sm:max-w-48'>
                             <select name='type' value={filter?.type} className='h-10 w-full p-2 rounded-md' onChange={handleFilter}>
                                 <option value=''>All</option>
                                 <option value='name'>Name</option>
+                                <option value='username'>Username</option>
                             </select>
                         </div>
                         <div className='w-full sm:max-w-48'>
@@ -90,7 +91,7 @@ export default function UsersAdmin() {
                                         Added
                                     </th>
                                     <th scope="col" className="px-2">
-                                        Firstnane
+                                        Firstname
                                     </th>
                                     <th scope="col" className="px-2">
                                         Lastname