chore: Reverse logs order

Author: PartMan7

src/components/molecules/StaticEditor.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState, type ReactElement } from 'react';
 import { useTheme } from '@/components/layout/ThemeProvider';
-import prettify from '@/lib/utils.ts';
+import prettify from '@/lib/utils';
 
 const SANDBOX_THEMES = {
   light: 'sandbox',

src/index.tsx

@@ -3,7 +3,7 @@ import z from 'zod';
 import path from 'path';
 import { templates } from '../templates/metadata/metadata.json';
 import { validate } from '@/checker';
-import { getCurrentLogs, log } from '@/logger/logs.ts';
+import { getCurrentLogs, log } from '@/logger/logs';
 
 import exercises from '@/pages/exercises.html';
 import exercise from '@/pages/exercise.html';

src/pages/Logs.tsx

@@ -1,7 +1,7 @@
 import { useRef, type ReactElement, useState, useMemo, useCallback } from 'react';
-import type { Log } from '@/logger/logs.ts';
+import type { Log } from '@/logger/logs';
 import { ContentCard } from '@/components/atoms/ContentCard';
-import { toHumanTime } from '@/utils/toHumanTime.ts';
+import { toHumanTime } from '@/utils/toHumanTime';
 
 function LogRenderer({
   selected,
@@ -68,7 +68,7 @@ export function Logs(): ReactElement {
           start: new Date(log.start),
         })
       );
-      setLogs(oldLogs => [...oldLogs, ...newLogs]);
+      setLogs(oldLogs => [...newLogs.toReversed(), ...oldLogs]);
     });
     socketRef.current = socket;
   }

src/render.tsx

@@ -1,6 +1,6 @@
 import { type ReactNode, StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { Layout } from '@/components/layout/Layout.tsx';
+import { Layout } from '@/components/layout/Layout';
 import { Header as DefaultHeader } from '@/components/layout/Header';
 
 type Header = ReactNode;