feat: Add Guida della Matricola page

package.json

@@ -14,7 +14,7 @@
     "check:fix": "biome check --write --unsafe"
   },
   "dependencies": {
-    "@polinetwork/backend": "^0.15.18",
+    "@polinetwork/backend": "^0.16.4",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.8",

src/app/matricole/guida/page.tsx

@@ -0,0 +1,46 @@
+import type { Metadata } from "next"
+import { FiDownload } from "react-icons/fi"
+import { CardSplit } from "@/components/card-split"
+import { Button } from "@/components/ui/button"
+import { getLatestGuidaMatricola } from "@/queries/guida-matricola"
+
+export const metadata: Metadata = {
+  title: "Guida della Matricola",
+  description: "Controlla l'ultima versione disponibile e scarica il PDF.",
+}
+
+export default async function GuidaMatricolaPage() {
+  const guida = await getLatestGuidaMatricola()
+  const formattedDate = guida
+    ? new Intl.DateTimeFormat("it-IT", { dateStyle: "long" }).format(new Date(guida.date))
+    : null
+
+  return (
+    <main className="mx-auto flex min-h-screen w-full max-w-500 flex-col items-center justify-center gap-10 px-4 py-49">
+      <div className="mx-12 flex flex-col items-center gap-6">
+        <h2 className="typo-display-large lg:typo-display-extralarge w-fit bg-linear-to-b from-text-primary to-text-secondary bg-clip-text py-4 text-center text-transparent lg:leading-33">
+          Guida della Matricola
+        </h2>
+        <p className="typo-title-large lg:typo-headline-small max-w-4xl text-center">
+          Controlla l&apos;ultima versione disponibile e scarica il PDF aggiornato.
+        </p>
+      </div>
+      {guida ? (
+        <CardSplit
+          textPrimary={guida.version}
+          textSecondary="Versione Attuale"
+          textSecondarySmall={`Rilasciata il: ${formattedDate}`}
+          action={
+            <Button asChild size="icon-lg" aria-label="Scarica l'Ultima Versione">
+              <a href={guida.url} download>
+                <FiDownload />
+              </a>
+            </Button>
+          }
+        />
+      ) : (
+        <p className="typo-body-large text-text-secondary">Nessuna guida disponibile al momento.</p>
+      )}
+    </main>
+  )
+}

src/components/card-split/index.tsx

@@ -4,7 +4,7 @@ import { CardSplitPrimaryContent } from "./primary-content"
 import { CardSplitSecondaryContent } from "./secondary-content"
 import type { CardSplitProps } from "./types"
 
-export function CardSplit({ textPrimary, textSecondary, textSecondarySmall, className }: CardSplitProps) {
+export function CardSplit({ textPrimary, textSecondary, textSecondarySmall, action, className }: CardSplitProps) {
   const hasPrimaryContent = Boolean(textPrimary)
   const hasSecondaryContent = Boolean(textSecondary || textSecondarySmall)
 
@@ -15,16 +15,20 @@ export function CardSplit({ textPrimary, textSecondary, textSecondarySmall, clas
         className
       )}
     >
-      <div className="flex flex-col gap-10 px-10 py-5 sm:grid sm:grid-cols-[auto_auto] sm:items-center">
-        {textPrimary ? <CardSplitPrimaryContent text={textPrimary} /> : null}
+      <div className="flex flex-col items-center gap-10 px-10 py-5 sm:flex-row sm:items-center">
+        <div className="flex flex-col items-center gap-10 text-center sm:grid sm:grid-cols-[auto_auto] sm:items-center sm:text-left">
+          {textPrimary ? <CardSplitPrimaryContent text={textPrimary} /> : null}
 
-        {hasSecondaryContent && (
-          <CardSplitSecondaryContent
-            textSecondary={textSecondary}
-            textSecondarySmall={textSecondarySmall}
-            hasPrimaryContent={hasPrimaryContent}
-          />
-        )}
+          {hasSecondaryContent && (
+            <CardSplitSecondaryContent
+              textSecondary={textSecondary}
+              textSecondarySmall={textSecondarySmall}
+              hasPrimaryContent={hasPrimaryContent}
+            />
+          )}
+        </div>
+
+        {action && <div className="sm:ml-6">{action}</div>}
       </div>
     </Glass>
   )

src/components/card-split/types.ts

@@ -1,6 +1,9 @@
+import type { ReactNode } from "react"
+
 export type CardSplitProps = {
   textPrimary?: string
   textSecondary?: string
   textSecondarySmall?: string
+  action?: ReactNode
   className?: string
 }

src/components/header/header.tsx

@@ -1,11 +1,20 @@
 "use client"
 
+import { usePathname } from "next/navigation"
 import { DesktopLayout } from "./desktop-layout"
 import { MobileLayout } from "./mobile-layout"
 
 export type { HeaderMenuItem, HeaderSubmenuItem } from "./types"
 
+const HIDDEN_ROUTES = ["/matricole/guida"]
+
 export function Header() {
+  const pathname = usePathname()
+
+  if (HIDDEN_ROUTES.includes(pathname)) {
+    return null
+  }
+
   return (
     <>
       <div className="md:hidden">

src/components/matricole/constants.ts

@@ -37,7 +37,7 @@ export const guides = [
     title: "Guida della matricola",
     description: "Dalla prima iscrizione alla vita in campus: il manuale completo per ogni nuovo studente.",
     icon: FiBook,
-    href: "/guides",
+    href: "/matricole/guida",
   },
   {
     title: "Mappa Microonde",

src/queries/guida-matricola.ts

@@ -0,0 +1,10 @@
+"use server"
+
+import { trpc } from "@/lib/backend"
+
+export async function getLatestGuidaMatricola() {
+  const guide = await trpc.web.guides_matricole.getLatestGuide.query()
+  if (!guide) return null
+
+  return { version: guide.version, date: guide.date, url: guide.file }
+}