feat(ui): implement full UI layer for all modules

Add interactive island components and server partials for notes,
students, and admin modules, following the Figma prototype design.

- static/styles/ui.css: shared component library (buttons, tables,
  chips, cards, filters, tabs, form inputs)
- notes: NotesView (student grade view with UE cards, promo tabs,
  weighted averages), AdminConsultNotes, AdminUEs islands + partials
- students: ConsultStudents (list/filter/delete), AdminPromotions
  (CRUD) islands + partials
- admin: AdminModules, AdminUsers, AdminRoles islands + partials
- All partials use State type with unknown cast for session access

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

routes/(apps)/students/partials/index.tsx

@@ -4,16 +4,44 @@ import {
 } from "$root/defaults/makePartials.tsx";
 import { FreshContext } from "$fresh/server.ts";
 import { State } from "$root/defaults/interfaces.ts";
-import SelfPortrait from "$root/routes/(apps)/students/(_components)/SelfPortrait.tsx";
 
 // deno-lint-ignore require-await
-export async function Index(_request: Request, context: FreshContext<State>) {
+export async function Index(
+  _request: Request,
+  context: FreshContext<State>,
+) {
+  const isEmployee =
+    (context.state as unknown as { session: Record<string, string> }).session
+      .eduPersonPrimaryAffiliation === "employee";
+
   return (
-    <>
-      <h2>Welcome {context.state.session?.givenName}!</h2>
-      <h3>Your amU identity</h3>
-      <SelfPortrait self={context.state.session!} />
-    </>
+    <div class="page-content">
+      <h2 class="page-title">Étudiants</h2>
+      <p>
+        Bienvenue{" "}
+        <strong>
+          {(context.state as unknown as { session: Record<string, string> })
+            .session.displayName}
+        </strong>
+        .
+      </p>
+      {isEmployee && (
+        <p>
+          Consultez la{" "}
+          <a href="/students/consult" f-partial="/students/partials/consult">
+            liste des élèves
+          </a>{" "}
+          ou gérez les{" "}
+          <a
+            href="/students/promotions"
+            f-partial="/students/partials/promotions"
+          >
+            promotions
+          </a>
+          .
+        </p>
+      )}
+    </div>
   );
 }