migrate to decoupled Blowfish layout, fix TOC scrollspy, and update docs

- Theme Decoupling & Cleanup:
      - Fully decoupled and vendored the Blowfish theme directly into root directories (layouts/,
  assets/, static/, data/, i18n/).
      - De-registered and cleaned up legacy Git submodules (themes/blowfish, themes/hugo-admonitions)
  from the Git index to protect the build from upstream breakages.
      - Configured .gitignore to ignore development preview symlinks (content, static,
  config/_default/menus.en.toml), build folders (public/, resources/), and locks.

    - TOC & Layout Fixes:
      - Replaced the custom layouts/_default/single.html template with the Blowfish default to restore
  native container widths and the side-by-side flex layout.
      - Restored TOC to float on the right sidebar on desktop viewports and render inline on mobile
  viewports.
      - Fixed a parameter resolution bug in layouts/partials/toc.html by checking both .Site.Params.
  smartTOC and .Site.Params.article.smartTOC (where it is defined in params.toml).
      - Upgraded the TOC scrollspy JavaScript to target all '#TableOfContents' containers on the page,
  enabling highlight tracking on both desktop and mobile layouts.

    - Documentation Updates (README.md):
      - Restored YAML front matter metadata block at the top.
      - Added detailed notes on the CI/CD build process and Gitea runner deployment targets
  (/srv/www/docs-public and /srv/www/docs-private).
      - Added a categorized and sorted "Shortcodes Quick Reference" table at the top of the shortcodes
  section (ordered by Custom, Hugo Default, and Blowfish).
      - Documented custom shortcodes (Include, Screenshot, Raw HTML) and missing Hugo default
  shortcodes (Highlight, Instagram, Param, Ref, Relref, Twitter, Vimeo, Youtube).
      - Restructured headings to ensure all sub-shortcodes are H3, removed block break tags (<br/>),
  and appended horizontal separators (---) after H2 sections.

layouts/partials/sponsors.html

@@ -0,0 +1,55 @@
+{{ with hugo.Data.sponsors }}
+<section class="sponsors-section mt-16 mb-8">
+  <div class="flex flex-col items-center mb-6">
+    <div class="flex items-center gap-2 mb-2">
+      <span class="text-2xl text-primary-500">
+        {{ partial "icon.html" "heart" }}
+      </span>
+      <h2 class="text-2xl font-extrabold text-neutral-800 dark:text-neutral-200">
+        {{ i18n "sponsors.title" | default "Sponsors" }}
+      </h2>
+    </div>
+    <p class="text-neutral-600 dark:text-neutral-400 text-center max-w-md">
+      {{ i18n "sponsors.description" | default "Special thanks to our sponsors who help make Blowfish possible." }}
+    </p>
+  </div>
+
+  <div class="flex flex-wrap justify-center gap-4">
+    {{ range . }}
+      <a
+        href="{{ .profile_url }}"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="group relative flex w-24 flex-col items-center"
+        title="{{ .username }}"
+        aria-label="Sponsor: {{ .username }}">
+        <img
+          class="nozoom h-16 w-16 rounded-full ring-2 ring-primary-500 transition-transform group-hover:scale-110"
+          src="{{ .avatar_url }}"
+          alt="{{ .username }}"
+          width="64"
+          height="64"
+          loading="lazy">
+        <span class="mt-2 block w-full truncate text-center text-sm text-neutral-600 transition-colors group-hover:text-primary-500 dark:text-neutral-400">
+          @{{ .username }}
+        </span>
+        <span
+          class="pointer-events-none absolute left-1/2 top-full z-10 mt-1 w-max max-w-48 -translate-x-1/2 rounded-md bg-neutral-900 px-2 py-1 text-xs text-white opacity-0 shadow-md transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100 group-hover:visible group-focus-within:visible dark:bg-neutral-100 dark:text-neutral-900 invisible">
+          @{{ .username }}
+        </span>
+      </a>
+    {{ end }}
+  </div>
+
+  <div class="mt-8 flex justify-center">
+    <a
+      href="https://github.com/sponsors/nunocoracao"
+      target="_blank"
+      rel="noopener noreferrer"
+      class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-500 transition-colors">
+      <span>{{ partial "icon.html" "heart" }}</span>
+      <span>{{ i18n "sponsors.cta" | default "Become a Sponsor" }}</span>
+    </a>
+  </div>
+</section>
+{{ end }}