change LogItem title style

Author: andresdlt03

ethernet-view/src/pages/LoggerPage/LogsColumn/LogLoader/Dropzone/Dropzone.module.scss

@@ -12,7 +12,8 @@
     &Text {
         font-weight: styles.$normal-font-weight;
         font-size: styles.$normal-font-size;
-        color: styles.$alternate-text-color
+        color: styles.$alternate-text-color;
+        font-family: styles.$code-font;
     }
 
     &.Active {

ethernet-view/src/pages/LoggerPage/LogsColumn/LogLoader/LogList/LogItem/LogItem.module.scss

@@ -1,3 +1,5 @@
+@use "src/styles/styles.scss";
+
 .logItemWrapper {
     display: flex;
     align-items: center;
@@ -18,5 +20,8 @@
 }
 
 .title {
-    font-size: 1.2rem;
+    color: styles.$title-color;
+    font-size: 1.6rem;
+    font-family: styles.$code-font;
+    font-style: italic;
 }

ethernet-view/src/pages/LoggerPage/LogsColumn/LogLoader/LogLoader.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react"
+import { useState } from "react"
 import { Dropzone } from "./Dropzone/Dropzone"
 import styles from "./LogLoader.module.scss"
 import { LogList } from "./LogList/LogList";
@@ -26,10 +26,6 @@ export const LogLoader = () => {
     const [uploadInformation, setUploadInformation] = useState<UploadInformation>({state: UploadState.IDLE});
     const [logSessions, setLogSessions] = useState<LogSessionCollection>([]);
 
-    useEffect(() => {
-        console.log(logSessions);
-    }, [logSessions])
-
     return (
         <div className={styles.logLoaderWrapper}>
 
@@ -40,7 +36,7 @@ export const LogLoader = () => {
                 setUploadInformation={setUploadInformation}
                 addLogSession={(logSession: LogSession) => setLogSessions([...logSessions, logSession])}
             />
-            
+
         </div>
     )
 }