Index: ReserveNGo-frontend/src/components/Project/Admin/AdminDashboard.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Admin/AdminDashboard.vue	(revision 05b1784002c5942e4883d54f442958289358d352)
+++ ReserveNGo-frontend/src/components/Project/Admin/AdminDashboard.vue	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
@@ -186,6 +186,6 @@
 <template>
   <div class="container mt-4">
-    <h3 class="mb-3">Restaurants Overview</h3>
-
+    <h4 class="mb-3">Restaurants Overview</h4>
+    <hr>
     <!-- Add Local Modal -->
     <div
Index: ReserveNGo-frontend/src/components/Project/Auth/login_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Auth/login_.vue	(revision 05b1784002c5942e4883d54f442958289358d352)
+++ ReserveNGo-frontend/src/components/Project/Auth/login_.vue	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
@@ -2,7 +2,5 @@
 import { userStore } from '@/PiniaStores/UserStore.js'
 import { useRouter } from 'vue-router'
-import router from '@/router/index.js'
 import LoadingIcon from '@/components/Project/Utility/LoadingIcon.vue'
-import { useLocalManager } from '@/repository/LocalManager'
 import { useAuth } from '@/repository/Authentication'
 import DisabledAccountPage from '@/components/Project/Auth/DisabledAccountPage.vue'
@@ -52,5 +50,7 @@
           await this.router.push('/admin-dashboard')
         } else if (this.userStore_ && this.userStore_.data.role === 'ROLE_LOCAL_MANAGER') {
-          this.fetchLocalForManager()
+          await this.router.push('/manager-dashboard')
+        } else if (this.userStore_ && this.userStore_.data.role === 'ROLE_LOCAL_WORKER') {
+          await this.router.push('/worker-reservations-dashboard')
         } else {
           await this.router.push('/')
@@ -99,14 +99,4 @@
         this.isEnablingAccountLoading = false
       }
-    },
-    fetchLocalForManager() {
-      useLocalManager
-        .getMyLocal()
-        .then((data) => (this.managerLocalId = data.id))
-        .then(() => router.push(`/more_details/${this.managerLocalId}`))
-        .catch((err) => {
-          console.log('LOCAL NOT ASSIGNED', err)
-          router.push('/more_details/')
-        })
     },
   },
Index: ReserveNGo-frontend/src/components/Project/Bars/HeaderNavigationBar.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Bars/HeaderNavigationBar.vue	(revision 05b1784002c5942e4883d54f442958289358d352)
+++ ReserveNGo-frontend/src/components/Project/Bars/HeaderNavigationBar.vue	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
@@ -18,14 +18,24 @@
       useLocalManager
         .getMyLocal()
-        .then((data) => (this.managerLocalId = data.id))
-        .catch((err) => console.log(err))
+        .then((data) => {
+          this.managerLocalId = data.id
+        })
+        .catch(() => {
+          this.managerLocalId = ''
+        })
     },
   },
   mounted() {
-    if (this.user && this.user.data.role === 'ROLE_LOCAL_MANAGER') {
+    if (this.user?.data?.role === 'ROLE_LOCAL_MANAGER') {
       this.fetchLocalForManager()
     }
   },
-
+  watch: {
+    '$route.path'() {
+      if (this.user?.data?.role === 'ROLE_LOCAL_MANAGER') {
+        this.fetchLocalForManager()
+      }
+    },
+  },
   computed: {
     isFavouritesActive() {
@@ -34,4 +44,16 @@
     isReservationsActive() {
       return this.$route.path === '/my_reservations'
+    },
+    isAdminDashboardActive() {
+      return this.$route.path === '/admin-dashboard'
+    },
+    isManagerDashboardActive() {
+      return this.$route.path === '/manager-dashboard'
+    },
+    isMyLocalActive() {
+      return this.$route.path === `/more_details/${this.managerLocalId}`
+    },
+    isWorkerDashboardActive() {
+      return this.$route.path === '/worker-reservations-dashboard'
     },
   },
@@ -43,16 +65,6 @@
     <div class="container-fluid">
       <router-link
-        v-if="user.data.role !== 'ROLE_LOCAL_MANAGER'"
+        v-if="user.data.role !== 'ROLE_LOCAL_MANAGER' && user.data.role !== 'ROLE_LOCAL_WORKER'"
         to="/"
-        class="navbar-brand d-flex align-items-center"
-      >
-        <img src="/src/assets/rng_logo.png" alt="Logo" class="me-2" style="height: 60px" />
-        <span class="navbar-brand fw-bold fs-3 brand-accent"
-          >Reserve<span class="brand-n fs-3">N</span>Go</span
-        >
-      </router-link>
-
-      <div
-        v-if="user.data.role === 'ROLE_LOCAL_MANAGER'"
         class="navbar-brand d-flex align-items-center"
       >
@@ -61,4 +73,11 @@
           Reserve<span class="brand-n fs-3">N</span>Go
         </span>
+      </router-link>
+
+      <div v-else class="navbar-brand d-flex align-items-center">
+        <img src="/src/assets/rng_logo.png" alt="Logo" class="me-2" style="height: 60px" />
+        <span class="navbar-brand fw-bold fs-3 brand-accent">
+          Reserve<span class="brand-n fs-3">N</span>Go
+        </span>
       </div>
 
@@ -71,5 +90,5 @@
               :class="{
                 'text-white': !isFavouritesActive,
-                'favourites-active': isFavouritesActive,
+                'link-active': isFavouritesActive,
                 'fw-bold': true,
               }"
@@ -85,5 +104,5 @@
               :class="{
                 'text-white': !isReservationsActive,
-                'favourites-active': isReservationsActive,
+                'link-active': isReservationsActive,
                 'fw-bold': true,
               }"
@@ -94,6 +113,14 @@
 
           <li class="nav-item pe-3" v-if="user.data.role === 'ROLE_ADMIN'">
-            <router-link to="/admin-dashboard" class="nav-link text-white fw-bold"
-              >Dashboard</router-link
+            <router-link
+              to="/admin-dashboard"
+              class="nav-link"
+              :class="{
+                'text-white': !isAdminDashboardActive,
+                'link-active': isAdminDashboardActive,
+                'fw-bold': true,
+              }"
+            >
+              Dashboard</router-link
             >
           </li>
@@ -101,19 +128,41 @@
           <li class="nav-item pe-3" v-if="user.data.role === 'ROLE_LOCAL_MANAGER'">
             <router-link
-              :to="`/more_details/${this.managerLocalId}`"
-              class="nav-link text-white fw-bold"
-              >My Local</router-link
-            >
+              :to="managerLocalId ? `/more_details/${managerLocalId}` : '/local-not-assigned'"
+              class="nav-link"
+              :class="{
+                'text-white': !isMyLocalActive,
+                'link-active': isMyLocalActive,
+                'fw-bold': true,
+              }"
+            >
+              My Local
+            </router-link>
           </li>
 
           <li class="nav-item pe-3" v-if="user.data.role === 'ROLE_LOCAL_MANAGER'">
-            <router-link to="/manager-dashboard" class="nav-link text-white fw-bold"
-              >Dashboard</router-link
+            <router-link
+              to="/manager-dashboard"
+              class="nav-link"
+              :class="{
+                'text-white': !isManagerDashboardActive,
+                'link-active': isManagerDashboardActive,
+                'fw-bold': true,
+              }"
+            >
+              Dashboard</router-link
             >
           </li>
 
           <li class="nav-item pe-3" v-if="user.data.role === 'ROLE_LOCAL_WORKER'">
-            <router-link to="/worker-reservations-dashboard" class="nav-link text-white fw-bold"
-              >Dashboard</router-link
+            <router-link
+              to="/worker-reservations-dashboard"
+              class="nav-link"
+              :class="{
+                'text-white': !isWorkerDashboardActive,
+                'link-active': isWorkerDashboardActive,
+                'fw-bold': true,
+              }"
+            >
+              Dashboard</router-link
             >
           </li>
@@ -169,5 +218,5 @@
 }
 
-.favourites-active {
+.link-active {
   color: #f55845 !important;
 }
Index: ReserveNGo-frontend/src/components/Project/Customer/RatingsForLocal.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Customer/RatingsForLocal.vue	(revision 05b1784002c5942e4883d54f442958289358d352)
+++ ReserveNGo-frontend/src/components/Project/Customer/RatingsForLocal.vue	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
@@ -59,5 +59,5 @@
   <div class="container">
     <div v-if="rating === 0" class="d-flex align-items-center">
-      <h5 class="me-3">Rate your experience:</h5>
+      <h5 class="me-3 mb-0">Rate your experience:</h5>
       <div @mouseleave="hoverRating = 0">
         <span
@@ -74,5 +74,5 @@
     </div>
     <div v-else class="d-flex align-items-center">
-      <h5 class="me-3">Your Rating:</h5>
+      <h5 class="me-3 mb-0">Your Rating:</h5>
       <div class="fs-4 text-warning">
         <span v-for="index in 5" :key="index">
Index: ReserveNGo-frontend/src/components/Project/Local/LocalNotAssigned.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Local/LocalNotAssigned.vue	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
+++ ReserveNGo-frontend/src/components/Project/Local/LocalNotAssigned.vue	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
@@ -0,0 +1,16 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div class="h-100 d-flex justify-content-center align-items-center">
+    <div class="text-center p-4">
+      <i class="fa-solid fa-store-slash fa-3x text-muted mb-3"></i>
+
+      <h3 class="fw-semibold mb-2 text-danger">No Local Assigned</h3>
+
+      <p class="text-muted mb-0">You are currently not assigned to any local.</p>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+</style>
Index: ReserveNGo-frontend/src/components/Project/Local/Locale_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Local/Locale_.vue	(revision 05b1784002c5942e4883d54f442958289358d352)
+++ ReserveNGo-frontend/src/components/Project/Local/Locale_.vue	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
@@ -136,5 +136,5 @@
   mounted() {
     this.fetchLocaleData()
-    // If user is a customer, load favourite locals for toggle state
+    // If the user is a customer, load favourite locals for toggle state
     if (this.userStore?.data?.role === 'ROLE_CUSTOMER') {
       this.loadFavouriteLocals()
Index: ReserveNGo-frontend/src/components/Project/Manager/ManagerDashboard.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Manager/ManagerDashboard.vue	(revision 05b1784002c5942e4883d54f442958289358d352)
+++ ReserveNGo-frontend/src/components/Project/Manager/ManagerDashboard.vue	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
@@ -65,4 +65,5 @@
       } catch (error) {
         console.error('Failed to fetch available workers:', error)
+        this.showToast('Could not load available workers.', 'error')
       }
     },
@@ -73,4 +74,5 @@
       } catch (error) {
         console.error('Failed to fetch your local:', error)
+        this.showToast('Could not load your local.', 'error')
       }
     },
@@ -144,6 +146,6 @@
 <template>
   <div class="container mt-4">
-    <h3 class="mb-3">Workers Overview</h3>
-
+    <h4 class="mb-3">Workers Overview</h4>
+    <hr>
     <!-- Add Worker Modal -->
     <div
Index: serveNGo-frontend/src/components/Project/Manager/locale-not-assigned.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Manager/locale-not-assigned.vue	(revision 05b1784002c5942e4883d54f442958289358d352)
+++ 	(revision )
@@ -1,16 +1,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <div class="h-100 d-flex justify-content-center align-items-center">
-    <div class="text-center p-4">
-      <i class="fa-solid fa-store-slash fa-3x text-muted mb-3"></i>
-
-      <h3 class="fw-semibold mb-2 text-danger">No Local Assigned</h3>
-
-      <p class="text-muted mb-0">You are currently not assigned to any local.</p>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-</style>
Index: ReserveNGo-frontend/src/components/Project/Reservation/My_reservations.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Reservation/My_reservations.vue	(revision 05b1784002c5942e4883d54f442958289358d352)
+++ ReserveNGo-frontend/src/components/Project/Reservation/My_reservations.vue	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
@@ -114,6 +114,6 @@
 <template>
   <div class="container-xxl py-4">
-    <h2 class="mb-4">My reservations</h2>
-
+    <h4 class="mb-3">My reservations</h4>
+    <hr>
     <div v-if="loading" class="text-center py-5">
       <div class="spinner-border text-primary" role="status">
Index: ReserveNGo-frontend/src/components/Project/Utility/ManagerFileInput.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/ManagerFileInput.vue	(revision 05b1784002c5942e4883d54f442958289358d352)
+++ ReserveNGo-frontend/src/components/Project/Utility/ManagerFileInput.vue	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
@@ -151,5 +151,5 @@
   background-color: #212529; /* Bootstrap's standard dark color */
   color: white;
-  padding: 0.5rem 1rem;
+  padding: 1rem;
   border-radius: 0.375rem; /* Bootstrap's standard border-radius */
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); /* The border shadow */
Index: ReserveNGo-frontend/src/components/Project/Worker/WorkerReservationsDashboard.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Worker/WorkerReservationsDashboard.vue	(revision 05b1784002c5942e4883d54f442958289358d352)
+++ ReserveNGo-frontend/src/components/Project/Worker/WorkerReservationsDashboard.vue	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
@@ -189,5 +189,6 @@
 <template>
   <div class="container mt-4">
-    <h3 class="mb-3">Reservations Overview</h3>
+    <h4 class="mb-3">Reservations Overview</h4>
+    <hr>
 
     <!-- Status Filter -->
Index: ReserveNGo-frontend/src/router/index.js
===================================================================
--- ReserveNGo-frontend/src/router/index.js	(revision 05b1784002c5942e4883d54f442958289358d352)
+++ ReserveNGo-frontend/src/router/index.js	(revision 0254d6b7835b1440fab9c8934bb27d1c13986821)
@@ -8,5 +8,5 @@
 import Profile_Page from '@/components/Project/Customer/Profile_Page.vue'
 import AdminDashboard from '@/components/Project/Admin/AdminDashboard.vue'
-import LocaleNotAssigned from '@/components/Project/Manager/locale-not-assigned.vue'
+import LocalNotAssigned from '@/components/Project/Local/LocalNotAssigned.vue'
 import ManagerDashboard from '@/components/Project/Manager/ManagerDashboard.vue'
 import Locale_listing_container from '@/components/Project/Local/Locale_listing_container.vue'
@@ -16,4 +16,36 @@
 import ContactComp from '@/components/Project/StaticPages/ContactComp.vue'
 import PrivacyPolicy from '@/components/Project/StaticPages/PrivacyPolicy.vue'
+import { useLocalManager } from '@/repository/LocalManager'
+import { useLocalWorker } from '@/repository/LocalWorker'
+
+const managerBeforeEnter = async (to, from, next) => {
+  try {
+    await useLocalManager.getMyLocal()
+    next()
+  } catch (err) {
+    const status = err?.status ?? err?.response?.status
+    if (status === 409) {
+      next({ name: 'LocalNotAssigned' })
+    } else {
+      console.error('Error checking manager local assignment', err)
+      next(false)
+    }
+  }
+}
+
+const workerBeforeEnter = async (to, from, next) => {
+  try {
+    await useLocalWorker.getReservations()
+    next()
+  } catch (err) {
+    const status = err?.status ?? err?.response?.status
+    if (status === 409) {
+      next({ name: 'LocalNotAssigned' })
+    } else {
+      console.error('Error checking worker local assignment', err)
+      next(false)
+    }
+  }
+}
 
 const router = createRouter({
@@ -52,7 +84,7 @@
     },
     {
-      path: '/more_details',
-      name: 'LocaleNotAssigned',
-      component: LocaleNotAssigned,
+      path: '/local-not-assigned',
+      name: 'LocalNotAssigned',
+      component: LocalNotAssigned,
     },
 
@@ -71,4 +103,5 @@
       name: 'manager-dashboard',
       component: ManagerDashboard,
+      beforeEnter: managerBeforeEnter,
     },
     {
@@ -81,4 +114,5 @@
       name: 'worker-reservations-dashboard',
       component: WorkerReservationsDashboard,
+      beforeEnter: workerBeforeEnter,
     },
     {