feat(frontend): refonte mobile planning et ameliorations suivi pedagogique [#NEWTS-4]

Fonction PWA et ajout du responsive design

Planning mobile :
- Nouvelle vue DayView avec bandeau semaine scrollable, date picker natif et navigation integree
- ScheduleNavigation converti en drawer overlay sur mobile, sidebar fixe sur desktop
- Suppression double barre navigation mobile, controles deplaces dans DayView
- Date picker natif via label+input sur mobile

Suivi pedagogique :
- Refactorisation page grades avec composant Table partage
- Colonnes stats par periode, absences, actions (Fiche + Evaluer)
- Lien cliquable sur la classe vers SchoolClassManagement

feat(backend): ajout associated_class_id dans StudentByRFCreationSerializer [#NEWTS-4]

UI global :
- Remplacement fleches texte par icones Lucide ChevronDown/ChevronRight
- Pagination conditionnelle sur tous les tableaux plats
- Layout responsive mobile : cartes separees fond transparent
- Table.js : pagination optionnelle, wrapper md uniquement

Front-End/src/components/Structure/Files/FilesGroupsManagement.js

@@ -812,9 +812,9 @@ export default function FilesGroupsManagement({
         <div className="mb-8">{renderExplanation()}</div>
 
         {/* 2 colonnes : groupes à gauche, documents à droite */}
-        <div className="flex flex-row gap-8">
-          {/* Colonne groupes (1/3) */}
-          <div className="flex flex-col w-1/3 min-w-[320px] max-w-md">
+        <div className="flex flex-col xl:flex-row gap-8">
+          {/* Colonne groupes (plein écran mobile/tablette, 1/3 desktop) */}
+          <div className="flex flex-col w-full xl:w-1/3 xl:min-w-[320px] xl:max-w-md">
             <div className="flex items-center mb-4">
               <SectionTitle title="Liste des dossiers d'inscriptions" />
               <div className="flex-1" />
@@ -862,8 +862,8 @@ export default function FilesGroupsManagement({
             />
           </div>
 
-          {/* Colonne documents (2/3) */}
-          <div className="flex flex-col w-2/3">
+          {/* Colonne documents (plein écran mobile/tablette, 2/3 desktop) */}
+          <div className="flex flex-col w-full xl:flex-1">
             <div className="flex items-center mb-4">
               <SectionTitle title="Liste des documents" />
                 <div className="flex-1" />