complete i18n migration to /[locale]/ with EN+ES content

Full rewrite of the docs site under app/[locale]/ with next-intl
in localePrefix:"always" mode. Every page now exists at both
/en/<path> and /es/<path>; the root / shows a meta-refresh + JS
redirect to /<defaultLocale>/ so GitHub Pages serves something
on the apex URL.

Highlights:
- 107 doc pages migrated to file-per-page JSON namespaces under
  messages/en/ and messages/es/. Spanish content is fully
  translated (no copy-of-English placeholders).
- New documentation for the Active Suppressions section in the
  Settings tab and the per-event Dismiss dropdown in the Health
  Monitor modal.
- New screenshots: dismiss-duration-dropdown.png and an updated
  health-suppression-settings.png.
- Pagefind integrated for client-side search; index is built on
  every CI deploy (not committed).
- RSS feeds: per-locale at /<locale>/rss.xml plus root /rss.xml
  for backward compat.
- Removed the dead app/[locale]/guides/[slug]/ route — every
  guide now has its own static page and no markdown source
  remains.
- Fixed orphan link /guides/nvidia -> /guides/nvidia-manual in
  docs/hardware/nvidia-host.
- Removed obsolete components (footer2, calendar, drawer).

Verified locally with `npm ci && npm run build`: 2804 files in
out/, 231 pages indexed by pagefind, root redirect intact, both
locale roots and the new Active Suppressions docs render OK.

web/components/hero.tsx

@@ -1,32 +1,92 @@
 "use client"
 
 import { Button } from "@/components/ui/button"
-import { ArrowRight } from "lucide-react"
-import Link from "next/link"
-
+import { ArrowRight, BookOpen } from "lucide-react"
+import { Link } from "@/i18n/navigation"
+import { useTranslations } from "next-intl"
+import Image from "next/image"
 
 export default function Hero() {
+  const t = useTranslations("hero")
   return (
-    <section className="py-20 px-4 sm:px-6 lg:px-8 text-center">
-      <h1 className="text-4xl sm:text-5xl md:text-6xl font-extrabold mb-6">
-        ProxMenux{" "}
-        <span className="bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">
-        An Interactive Menu for Proxmox VE Management
-        </span>
-      </h1>
-      <p className="text-base sm:text-lg md:text-xl mb-8 max-w-4xl mx-auto text-gray-300">
-      ProxMenux is a management tool for Proxmox VE that simplifies system administration 
-      through an interactive menu, allowing you to execute commands and scripts with ease.
-      </p>
-      <div className="flex justify-center">
-        <Button size="lg" className="bg-blue-500 hover:bg-blue-600" asChild>
-          <Link href="/docs/installation">
-            Install Now
-            <ArrowRight className="ml-2 h-4 w-4" />
-          </Link>
-        </Button>
-      </div>
-    </section>
+    <div className="bg-gradient-to-b from-gray-900 to-gray-800 text-white">
+      {/* Mobile version (visible only on small screens) */}
+      <section className="md:hidden py-20 px-4 sm:px-6 text-center">
+        <h1 className="text-4xl sm:text-5xl font-extrabold mb-6">
+          {t("title")}{" "}
+          <span className="block mt-2 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500 font-bold">
+            {t("tagline")}
+          </span>
+        </h1>
+        <p className="text-base sm:text-lg mb-8 max-w-4xl mx-auto text-gray-300">
+          {t("description")}
+        </p>
+        <div className="flex flex-col sm:flex-row gap-3 justify-center items-center">
+          <Button size="lg" className="bg-blue-500 hover:bg-blue-600" asChild>
+            <Link href="/docs/installation">
+              {t("installButton")}
+              <ArrowRight className="ml-2 h-4 w-4" />
+            </Link>
+          </Button>
+          <Button
+            size="lg"
+            variant="outline"
+            className="border-gray-400 text-gray-100 hover:bg-gray-700 hover:text-white bg-transparent"
+            asChild
+          >
+            <Link href="/docs/introduction">
+              <BookOpen className="mr-2 h-4 w-4" />
+              {t("whatIsButton")}
+            </Link>
+          </Button>
+        </div>
+      </section>
+
+      {/* Desktop version (visible only on medium and large screens) */}
+      <section className="hidden md:flex py-20 px-4 sm:px-6 lg:px-8 flex-col justify-center">
+        <div className="flex items-center justify-center mb-8">
+          <div className="flex items-center">
+            <div className="w-40 h-40 lg:w-48 lg:h-48 xl:w-56 xl:h-56 relative">
+              <Image
+                src="https://raw.githubusercontent.com/MacRimi/ProxMenux/main/images/logo.png"
+                alt={t("logoAlt")}
+                fill
+                className="object-contain"
+                sizes="(max-width: 1024px) 10rem, (max-width: 1280px) 12rem, 14rem"
+              />
+            </div>
+            <div className="w-0.5 h-40 lg:h-48 xl:h-56 bg-white mx-6 self-center"></div>
+            <div className="text-left max-w-md lg:max-w-lg xl:max-w-xl">
+              <h1 className="text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight">{t("title")}</h1>
+              <p className="text-xl md:text-2xl lg:text-3xl xl:text-4xl mt-2 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500 font-bold leading-tight">
+                {t("tagline")}
+              </p>
+            </div>
+          </div>
+        </div>
+        <p className="text-base md:text-lg lg:text-xl mb-8 max-w-2xl lg:max-w-3xl xl:max-w-4xl mx-auto text-gray-300 text-center leading-relaxed">
+          {t("description")}
+        </p>
+        <div className="flex gap-3 justify-center items-center">
+          <Button size="lg" className="bg-blue-500 hover:bg-blue-600" asChild>
+            <Link href="/docs/installation">
+              {t("installButton")}
+              <ArrowRight className="ml-2 h-4 w-4" />
+            </Link>
+          </Button>
+          <Button
+            size="lg"
+            variant="outline"
+            className="border-gray-400 text-gray-100 hover:bg-gray-700 hover:text-white bg-transparent"
+            asChild
+          >
+            <Link href="/docs/introduction">
+              <BookOpen className="mr-2 h-4 w-4" />
+              {t("whatIsButton")}
+            </Link>
+          </Button>
+        </div>
+      </section>
+    </div>
   )
 }
-