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/ui/steps.tsx

@@ -6,9 +6,12 @@ interface StepProps {
 }
 
 const Step: React.FC<StepProps> = ({ title, children }) => (
-  <div className="mb-8">
-    <h3 className="text-xl font-semibold mb-2 text-gray-900">{title}</h3>
-    {children}
+  <div className="mb-10 last:mb-0">
+    <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1 mb-3">
+      {/* placeholder — actual badge content injected by Steps wrapper below */}
+      <h3 className="text-xl font-semibold text-gray-900 m-0">{title}</h3>
+    </div>
+    <div className="text-gray-800">{children}</div>
   </div>
 )
 
@@ -16,20 +19,33 @@ interface StepsProps {
   children: React.ReactNode
 }
 
-const Steps: React.FC<StepsProps> & { Step: typeof Step } = ({ children }) => (
-  <div className="space-y-4">
-    {React.Children.map(children, (child, index) => (
-      <div className="flex items-start">
-        <div className="flex-shrink-0 w-8 h-8 bg-blue-500 text-white rounded-full flex items-center justify-center mr-4 mt-1">
-          {index + 1}
-        </div>
-        <div className="flex-grow">{child}</div>
-      </div>
-    ))}
-  </div>
-)
+const Steps: React.FC<StepsProps> & { Step: typeof Step } = ({ children }) => {
+  const items = React.Children.toArray(children).filter(React.isValidElement)
+  return (
+    <div className="my-6 space-y-0">
+      {items.map((child, index) => {
+        // We expect each child to be a <Steps.Step>; inject the Step N badge
+        // before its title. We rebuild the child so the rendering stays self
+        // contained inside Steps — callers don't need to pass the number.
+        const element = child as React.ReactElement<StepProps>
+        return (
+          <div key={index} className="mb-10 last:mb-0">
+            <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1 mb-3">
+              <span className="inline-flex items-center rounded-full border border-blue-200 bg-blue-50 px-2.5 py-0.5 text-xs font-semibold text-blue-800">
+                Step {index + 1}
+              </span>
+              <h3 className="text-xl font-semibold text-gray-900 m-0">
+                {element.props.title}
+              </h3>
+            </div>
+            <div className="text-gray-800">{element.props.children}</div>
+          </div>
+        )
+      })}
+    </div>
+  )
+}
 
 Steps.Step = Step
 
 export { Steps }
-