updated the header to show the page name

py_app/app/static/style.css

@@ -393,3 +393,20 @@ body.dark-mode .popup-content {
 .delete-confirm-btn:hover {
     background-color: #c82333;
 }
+
+.go-to-dashboard-btn {
+    margin-left: 10px;
+    padding: 5px 10px;
+    font-size: 1em;
+    background-color: #007bff;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 5px;
+    border: none;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.go-to-dashboard-btn:hover {
+    background-color: #0056b3;
+}

py_app/app/templates/base.html

@@ -14,10 +14,19 @@
                 <img src="{{ url_for('static', filename='scan_me.jpg') }}" alt="Logo" class="logo">
                 {% if request.endpoint == 'main.dashboard' %}
                     <span class="page-title">Welcome to Dashboard</span>
+                {% elif request.endpoint == 'main.settings' %}
+                    <span class="page-title">Settings</span>
+                {% elif request.endpoint == 'main.quality' %}
+                    <span class="page-title">Quality Module</span>
+                {% elif request.endpoint == 'main.warehouse' %}
+                    <span class="page-title">Warehouse Module</span>
+                {% elif request.endpoint == 'main.scan' %}
+                    <span class="page-title">Scan Module</span>
                 {% endif %}
             </div>
             <div class="right-header">
                 <button id="theme-toggle" class="theme-toggle">Change to dark theme</button>
+                <a href="{{ url_for('main.dashboard') }}" class="btn go-to-dashboard-btn">Go to Dashboard</a>
                 {% if 'user' in session %}
                     <span class="user-info">You are logged in as {{ session['user'] }}</span>
                     <a href="{{ url_for('main.logout') }}" class="logout-button">Logout</a>