fix: Scale floating button icons proportionally on mobile viewports

Remove hardcoded width/height HTML attributes from iconify-icon elements
that were overriding CSS sizing. The iconify-icon component uses HTML
attributes for SVG rendering, ignoring CSS width/height.

- Remove width="28" height="28" from 8 button templates
- Remove conflicting 768px media query from _buttons.css
- Add default desktop icon sizes (24px) in _scroll-behavior.css
- Icons now scale via clamp() from 18px (380px) to 24px (900px)

templates/partials/color-theme-switcher.html

@@ -5,7 +5,7 @@
         class="color-theme-switcher no-print has-tooltip"
         aria-label="Toggle color theme"
         data-tooltip="Toggle color theme">
-  <iconify-icon id="themeIcon" icon="mdi:theme-light-dark" width="28" height="28"></iconify-icon>
+  <iconify-icon id="themeIcon" icon="mdi:theme-light-dark"></iconify-icon>
 </button>
 
 <!-- Hidden buttons for compatibility (not displayed) -->

templates/partials/widgets/back-to-top.html

@@ -6,6 +6,6 @@
         data-tooltip="{{.UI.Widgets.BackToTop.Tooltip}}"
         style="display: none;"
         _="on click call scrollToTop(event)">
-    <iconify-icon icon="mdi:arrow-up" width="24" height="24"></iconify-icon>
+    <iconify-icon icon="mdi:arrow-up"></iconify-icon>
 </button>
 {{end}}

templates/partials/widgets/cmd-k-button.html

@@ -0,0 +1,11 @@
+{{define "cmd-k-button"}}
+<!-- CMD+K Command Bar Button (Fixed Left - Last) -->
+<button
+    id="cmd-k-button"
+    class="fixed-btn cmd-k-btn no-print has-tooltip"
+    aria-label="{{.UI.CmdK.Button.AriaLabel}}"
+    data-tooltip="{{.UI.CmdK.Button.Tooltip}}"
+    _="on click set #cmd-k-bar's @open to true">
+    <iconify-icon icon="mdi:text-box-search-outline"></iconify-icon>
+</button>
+{{end}}

templates/partials/widgets/contact-button.html

@@ -6,6 +6,6 @@
     onclick="document.getElementById('contact-modal').showModal()"
     aria-label="{{.UI.Widgets.Contact.AriaLabel}}"
     data-tooltip="{{.UI.Widgets.Contact.Tooltip}}">
-    <iconify-icon icon="mdi:email-outline" width="28" height="28"></iconify-icon>
+    <iconify-icon icon="mdi:email-outline"></iconify-icon>
 </button>
 {{end}}

templates/partials/widgets/download-button.html

@@ -8,6 +8,6 @@
     onclick="openPdfModal()"
     _="on mouseenter call syncPdfHover(true)
        on mouseleave call syncPdfHover(false)">
-    <iconify-icon icon="catppuccin:pdf" width="28" height="28"></iconify-icon>
+    <iconify-icon icon="catppuccin:pdf"></iconify-icon>
 </button>
 {{end}}

templates/partials/widgets/info-button.html

@@ -4,6 +4,6 @@
         aria-label="{{.UI.Widgets.Info.AriaLabel}}"
         data-tooltip="{{.UI.Widgets.Info.Tooltip}}"
         onclick="document.getElementById('info-modal').showModal()">
-    <iconify-icon icon="mdi:information-outline" width="24" height="24"></iconify-icon>
+    <iconify-icon icon="mdi:information-outline"></iconify-icon>
 </button>
 {{end}}

templates/partials/widgets/print-friendly-button.html

@@ -8,6 +8,6 @@
     onclick="window.print()"
     _="on mouseenter call syncPrintHover(true)
        on mouseleave call syncPrintHover(false)">
-    <iconify-icon icon="mdi:leaf" width="28" height="28"></iconify-icon>
+    <iconify-icon icon="mdi:leaf"></iconify-icon>
 </button>
 {{end}}

templates/partials/widgets/shortcuts-button.html

@@ -6,6 +6,6 @@
     onclick="document.getElementById('shortcuts-modal').showModal()"
     aria-label="{{.UI.Widgets.Shortcuts.AriaLabel}}"
     data-tooltip="{{.UI.Widgets.Shortcuts.Tooltip}}">
-    <iconify-icon icon="mdi:keyboard-outline" width="28" height="28"></iconify-icon>
+    <iconify-icon icon="mdi:keyboard-outline"></iconify-icon>
 </button>
 {{end}}