feature/IO-1113-Online-Dark-Mode - Adjust Car SVG Background color in Dark mode

client/src/App/App.styles.scss

@@ -208,6 +208,7 @@
   --today-bg: #4a5e6e; /* Dark mode today background */
   --today-text: #ffffff; /* Dark mode today text */
   --off-range-bg: #333333; /* Dark mode off-range background */
+  --svg-background: #FFF; /* Dark mode SVG background */
 }
 
 // Global Styles
@@ -403,6 +404,10 @@
 
 // Override react-big-calendar styles for dark mode only
 [data-theme="dark"] {
+  .car-svg {
+    background-color: var(--svg-background);
+  }
+
   .rbc-today {
     background-color: var(--today-bg);
     color: var(--today-text);
@@ -416,3 +421,7 @@
     background-color: var(--today-bg);
   }
 }
+
+//.rbc-time-header-gutter {
+//  padding: 0;
+//} 

client/src/components/job-damage-visual/job-damage-visual.component.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 
 const Car = ({ dmg1, dmg2 }) => {
@@ -8,6 +7,7 @@ const Car = ({ dmg1, dmg2 }) => {
     <div style={{ position: "relative", textAlign: "center" }}>
       {t("jobs.labels.cards.damage")}
       <svg
+        className="car-svg"
         style={{ left: 0, top: 0, width: "100%", height: "100%" }}
         id="svg166"
         version="1.1"