Refactor templates and add search functionality with improved navigation and user experience

templates/search.html

@@ -0,0 +1,29 @@
+<!-- templates/user.html -->
+{% extends "layout.html" %}
+
+{% block title %}{{ title }}{% endblock %}
+
+{% block content %}
+
+{{ breadcrumbs.breadcrumb_header(
+title=title,
+) }}
+
+<div class="container">
+    <h1 class="display-1 text-center">Search Categories</h1>
+    <div class="row text-center m-5">
+        <div class="col">
+            <a href="" class="link-success link-underline-opacity-0 d-flex flex-column justify-content-center">
+                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
+                    class="bi bi-laptop align-self-center" viewBox="0 0 16 16">
+                    <path
+                        d="M13.5 3a.5.5 0 0 1 .5.5V11H2V3.5a.5.5 0 0 1 .5-.5zm-11-1A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5" />
+                </svg>
+                Inventory
+            </a>
+        </div>
+        <div class="col">Users</div>
+        <div class="col">Work Logs</div>
+    </div>
+</div>
+{% endblock %}