Theme fixes, logo updated, reduce duplication of components

And many more updates

resources/views/components/partials/nav-bar.blade.php

@@ -1,13 +1,13 @@
 
 <div class="bg-base-100 border-base-300 border-b sticky top-0 z-10">
-    <div class="flex justify-between items-center px-6 py-5 mx-auto">
+    <div class="flex justify-between items-center px-7 py-3 mx-auto">
         <div class="flex-1 flex items-center">
             
             <label for="main-drawer" class="lg:hidden mr-3">
                 <x-icon name="o-bars-3" class="cursor-pointer" />
             </label>
 
-            <x-application-logo style="height:1.3em" />
+            <x-application-logo style="height:3.1em" />
 
         </div>
         <div class="flex flex-grow gap-4 w-50">

resources/views/components/partials/side-bar.blade.php

@@ -24,13 +24,13 @@
 </div>
 <div class="p-4">
 
-<x-menu-separator />
+<x-section-border />
 
 @php
     $user = auth()->user();
 @endphp
 
-<x-list-item :item="$user" avatar="profile_photo_url" value="name" sub-value="email" no-separator no-hover class="-mx-2 !-my-2 rounded">
+<x-list-item :item="$user" avatar="profile_photo_url" value="name" sub-value="email" no-separator no-hover class="-mx-2 !-mt-5 rounded">
     <x-slot:actions>
         <x-dropdown>
             <x-slot:trigger>
@@ -40,7 +40,7 @@
             <x-menu-item title="{{ __('Manage Profile') }}" icon="o-user" link="{{ @route('profile.show') }}" />
             <x-menu-item title="{{ __('Import / Export Data') }}" icon="o-cloud-arrow-down" link="{{ @route('import-export') }}" />                                    
 
-            <x-menu-separator />
+            <x-section-border />
 
             <x-menu-item title="{{ __('Log Out') }}" icon="o-power" onclick="event.preventDefault(); document.getElementById('logout').submit();" />
             <form id="logout" action="{{ route('logout') }}" method="POST" style="display: none;">