Grille & vue bénévole : message quand il n'y a pas de données

- components/state : composant EmptyNote (encadré pointillés).
- GrillePage : si aucun créneau, message au lieu de la grille vide.
- VolunteerViewPage : si aucun bénévole, message ; si un filtre ne
  renvoie rien, message à la place du tableau (avant, l'en-tête collant
  restait affiché).

typecheck + lint + build + smoke OK.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017uUsRg7XzopkCPWimwg9ZM

frontend/src/components/state.tsx

@@ -1,6 +1,17 @@
+import type { ReactNode } from 'react';
+
 import { ApiError } from '@/api';
 import { t } from '@/i18n';
 
+export function EmptyNote({ children }: { children: ReactNode }) {
+  return (
+    <div className="m-4 flex max-w-[640px] items-center gap-[14px] border-[3px] border-dashed border-ink bg-paper p-[22px]">
+      <span className="h-9 w-9 flex-none border-[3px] border-ink bg-yellow" />
+      <span className="font-display text-[14px] font-extrabold leading-snug">{children}</span>
+    </div>
+  );
+}
+
 export function Loading() {
   return (
     <div className="flex items-center gap-3 p-6 font-mono text-[11px] uppercase tracking-widest opacity-60">