feat(navbar): navbar link icon item (#781)

* chore: extract link code to a partial

* feat(navbar): item icon

* chore: generate

* docs: add configuration

* review

Co-authored-by: Xin <5097752+imfing@users.noreply.github.com>

* chore: generate

* chore: add examples

* chore: showcase

---------

Co-authored-by: Xin <5097752+imfing@users.noreply.github.com>

exampleSite/content/docs/guide/configuration.md

@@ -58,20 +58,27 @@ There are different types of menu items:
      params:
        type: search
    ```
-4. Icon
+4. Icon Only
    ```yaml
    - name: GitHub
      params:
        icon: github
    ```
-5. Theme Toggle
+5. Link with Icon
+   ```yaml
+   - name: Blog
+     params:
+       type: link
+       icon: rss
+   ```
+6. Theme Toggle
    ```yaml
     - name: Theme Toggle
       params:
         type: theme-toggle
         label: true # optional, default is false
    ```
-6. Language Switcher
+7. Language Switcher
    ```yaml
     - name: Language Switcher
       params:

exampleSite/hugo.yaml

@@ -85,6 +85,9 @@ menu:
       name: Showcase
       pageRef: /showcase
       weight: 5
+      params:
+        type: link
+        icon: collection
     - name: Search
       weight: 6
       params:
@@ -98,6 +101,9 @@ menu:
       name: Development ↗
       url: https://imfing.github.io/hextra/versions/latest/
       parent: versions
+      params:
+        type: link
+        icon: beaker
     - identifier: v0.9
       name: v0.9 ↗
       url: https://imfing.github.io/hextra/versions/v0.9/

exampleSite/hugo_stats.json

@@ -483,6 +483,7 @@
       "hx:md:h-[calc(100vh-var(--navbar-height)-var(--menu-height))]",
       "hx:md:hidden",
       "hx:md:inline-block",
+      "hx:md:inline-flex",
       "hx:md:justify-start",
       "hx:md:max-h-[min(calc(100vh-5rem-env(safe-area-inset-bottom)),400px)]",
       "hx:md:mr-0",