Move start exercise buttons higher in ActiveExercise

The start exercise and skip exercise buttons have been moved higher in the ActiveExercise component. This change is intended to make these buttons more prominent and easily accessible to the user. The updated position provides better usability by reducing the distance that the user's eye has to travel.

app/src/components/ActiveExercise/ActiveExercise.tsx

@@ -94,6 +94,12 @@ const ActiveExercise: FC<Props> = ({ exercise, nextExercise }) => {
           />
         </span>
       </div>
+      {!exerciseStarted && (
+        <div className={styles.buttonsContainer}>
+          <button onClick={handleStartExercise}>Démarrer</button>
+          <span onClick={nextExercise}>Passer l'exercice</span>
+        </div>
+      )}
       <div
         ref={exerciseRef}
         className={`${styles.exercise} ${isCollapsed ? styles.collapsed : ''}`}
@@ -163,12 +169,6 @@ const ActiveExercise: FC<Props> = ({ exercise, nextExercise }) => {
           </div>
         </>
       )}
-      {!exerciseStarted && (
-        <div className={styles.buttonsContainer}>
-          <button onClick={handleStartExercise}>Démarrer</button>
-          <span onClick={nextExercise}>Passer l'exercice</span>
-        </div>
-      )}
     </div>
   );
 };