fix(task): update bash scripts to follow AGENTS.md guidelines and improve KeePass integration

- Standardize bash shebangs to `#!/usr/bin/env bash` for portability
- Remove `function` keyword from definitions, use `func-name() {` syntax
- Replace `[ ]` conditionals with `[[ ]]` for improved functionality
- Convert local variables to lowercase with `local` keyword
- Update arithmetic comparisons to use `(( ))` syntax
- Enhance `save-dotenv-to-keepass` script with entry existence check and attachment handling
- Fix function name typo in `save-pass-to-keepass`
- Improve CSS formatting and layout for documentation
- Clean up markdown formatting in library and patterns docs

css/style.css

@@ -11,7 +11,8 @@ nav ul {
 
     main .container nav ul li {
         margin: 0.125rem 0 !important; /* Further reduce vertical spacing of list items */
-        padding: calc(var(--pico-nav-element-spacing-vertical) * 0.25) var(--pico-nav-element-spacing-horizontal) !important;
+        padding: calc(var(--pico-nav-element-spacing-vertical) * 0.25)
+            var(--pico-nav-element-spacing-horizontal) !important;
     }
 }
 
@@ -32,16 +33,16 @@ nav ul {
     .container {
         max-width: 1200px;
     }
-    
+
     .content-wrapper {
         flex-direction: row;
     }
-    
+
     .main-content {
         flex: 1;
         min-width: 0; /* Allows flex item to shrink below content size */
     }
-    
+
     .sidebar {
         flex: 0 0 250px;
         position: sticky;
@@ -76,12 +77,12 @@ nav ul {
     .main-content-wrapper {
         order: 2; /* Place content wrapper after TOC on mobile */
     }
-    
+
     .sidebar {
         order: 1; /* Place sidebar before content on mobile */
         margin: 1rem 0;
     }
-    
+
     .main-content {
         order: 2;
     }
@@ -93,7 +94,7 @@ nav ul {
         flex-direction: row;
         gap: 2rem;
     }
-    
+
     .sidebar {
         display: block;
         flex: 0 0 250px;
@@ -104,7 +105,7 @@ nav ul {
         max-height: calc(100vh - 4rem); /* Account for top spacing */
         overflow-y: auto; /* Make sidebar scrollable */
     }
-    
+
     .main-content {
         flex: 1;
         min-width: 0;