✨ Add 'Metis' Brand Name to Logo

🏷️ Brand Enhancement:
- Added 'Metis' as HTML text next to M icon
- Used h1 element styled as h4 for proper navbar proportions
- Applied Bootstrap classes: fw-bold text-primary
- Perfect alignment with d-flex align-items-center

🎨 Design Details:
- Clean separation: M icon + spacing + Metis text
- Consistent styling across index.html and forms.html
- Professional typography with primary brand color
- Maintains responsive design and accessibility

🚀 Result:
- Professional brand identity: M icon + 'Metis' name
- Clean, readable typography in navbar
- Consistent branding across all pages
- SEO-friendly with proper h1 heading structure

Author: puikinsh

src-modern/forms.html

@@ -24,8 +24,9 @@
     <nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom fixed-top">
         <div class="container-fluid">
             <!-- Logo/Brand - First on the left -->
-            <a class="navbar-brand me-3" href="/index.html">
-                <img src="/assets/images/logo.svg" alt="Logo" height="32" class="d-inline-block align-text-top">
+            <a class="navbar-brand me-3 d-flex align-items-center" href="/index.html">
+                <img src="/assets/images/logo.svg" alt="Logo" height="32" class="d-inline-block align-text-top me-2">
+                <h1 class="h4 mb-0 fw-bold text-primary">Metis</h1>
             </a>
 
             <!-- Sidebar Toggle Button -->

src-modern/index.html

@@ -52,8 +52,9 @@
             <nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom">
                 <div class="container-fluid">
                     <!-- Logo/Brand - Now first on the left -->
-                    <a class="navbar-brand me-3" href="/">
-                        <img src="/assets/images/logo.svg" alt="Logo" height="32" class="d-inline-block align-text-top">
+                    <a class="navbar-brand me-3 d-flex align-items-center" href="/">
+                        <img src="/assets/images/logo.svg" alt="Logo" height="32" class="d-inline-block align-text-top me-2">
+                        <h1 class="h4 mb-0 fw-bold text-primary">Metis</h1>
                     </a>
 
                     <!-- Sidebar Toggle - Now after logo -->