Small ui fixes

src/layouts/headers/headerauth.vue

@@ -13,9 +13,12 @@
             <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
           </svg>
         </label>
-        <router-link :to="{ name: 'home' }" class="btn btn-ghost normal-case text-xl font-bold">
-          Auburn Oil
-        </router-link>
+        <div class="flex flex-col items-center">
+          <span class="text-xs text-base-content/60">{{ dayOfWeek }}</span>
+          <span class="normal-case text-xl font-bold">
+            {{ currentDate }}
+          </span>
+        </div>
       </div>
 
       <!-- 
@@ -255,7 +258,7 @@ export default defineComponent({
   computed: {
     searchStore() {
       return useSearchStore();
-   
+
     },
     userInitials(): string {
       if (!this.user || !this.user.user_name) return '';
@@ -263,6 +266,17 @@ export default defineComponent({
       return parts.length > 1
         ? `${parts[0][0]}${parts[1][0]}`.toUpperCase()
         : this.user.user_name.substring(0, 2).toUpperCase();
+    },
+    currentDate(): string {
+      const now = new Date();
+      const month = (now.getMonth() + 1).toString().padStart(2, '0');
+      const day = now.getDate().toString().padStart(2, '0');
+      const year = now.getFullYear().toString().slice(-2);
+      return `${month}/${day}/${year}`;
+    },
+    dayOfWeek(): string {
+      const now = new Date();
+      return now.toLocaleDateString('en-US', { weekday: 'long' });
     }
   },