refacto: Adding i18n support with FR and EN as base

frontend/css/styles.css

@@ -1,10 +1,5 @@
 @charset "UTF-8";
 
-/* ==========================================================================
-   KétaPK Web - Custom Styles & Adjustments
-   ========================================================================== */
-
-/* 1. Suppression des flèches/spinners par défaut sur les inputs de type number */
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
@@ -15,7 +10,6 @@ input[type="number"] {
   -moz-appearance: textfield;
 }
 
-/* 2. Personnalisation de la barre de défilement pour la grille temporelle */
 #timelineGrid::-webkit-scrollbar {
   height: 8px;
 }
@@ -35,7 +29,6 @@ input[type="number"] {
   background: rgba(100, 116, 139, 1);
 }
 
-/* 3. Styles d'animation douces pour les fenêtres modales */
 #modalCalc {
   transition: opacity 0.2s ease-in-out;
 }
@@ -50,7 +43,6 @@ input[type="number"] {
   pointer-events: auto;
 }
 
-/* 4. Effets au survol des cellules de la timeline */
 #timelineGrid > div {
   min-width: 80px;
   transition: border-color 0.15s ease, transform 0.15s ease;
@@ -61,7 +53,6 @@ input[type="number"] {
   box-shadow: 0 0 10px rgba(245, 158, 11, 0.15);
 }
 
-/* 5. Optimisations Responsive (écrans verticaux et smartphones) */
 @media (max-width: 640px) {
   #pkChart {
     min-height: 280px;