Implement code changes to enhance functionality and improve performance

app/src/components/icons/Logo.tsx

@@ -23,20 +23,45 @@ export function LogoIcon() {
 export function LogoIconLarge() {
   return (
     <svg
-      width="90"
+      width="324"
       height="90"
-      viewBox="0 0 90 90"
+      viewBox="0 0 324 90"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <path
-        d="M72.5586 48.3479C72.5586 45.884 74.5747 43.8867 77.0616 43.8867C79.5485 43.8867 81.5645 45.884 81.5645 48.3479V72.8846C81.5645 75.3485 79.5485 77.3458 77.0616 77.3458C74.5747 77.3458 72.5586 75.3485 72.5586 72.8846V48.3479Z"
-        fill="#9D67FF"
-      />
-      <path
-        d="M11.8764 77.3438C13.9255 77.3438 15.7527 76.0656 16.4384 74.1524L19.1081 66.7031C24.1841 52.5402 44.4035 52.5478 49.4686 66.7145L52.127 74.1499C52.8114 76.0642 54.639 77.3438 56.689 77.3438C60.0342 77.3438 62.3707 74.0618 61.2481 70.9397L42.3075 18.2645C41.0984 14.9018 37.8848 12.6562 34.2817 12.6562C30.6786 12.6562 27.4652 14.9018 26.256 18.2645L7.31606 70.938C6.19317 74.0609 8.53028 77.3438 11.8764 77.3438Z"
-        fill="#9D67FF"
-      />
+      <mask
+        id="mask0_798_1085"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="4"
+        y="4"
+        width="317"
+        height="81"
+      >
+        <path
+          d="M160.406 10.4062C160.406 7.14432 163.05 4.5 166.312 4.5C169.575 4.5 172.219 7.14432 172.219 10.4062V62.1C172.219 65.025 173.25 67.5187 175.312 69.5812C177.375 71.6438 179.85 72.675 182.737 72.675H216.487C219.75 72.675 222.394 75.3193 222.394 78.5812C222.394 81.8432 219.75 84.4875 216.487 84.4875H182.737C178.65 84.4875 174.9 83.4937 171.487 81.5062C168.112 79.4812 165.412 76.7812 163.387 73.4062C161.4 69.9937 160.406 66.225 160.406 62.1V10.4062Z"
+          fill="#E8E8E8"
+        />
+        <path
+          d="M308.906 10.35C308.906 7.11913 311.525 4.5 314.756 4.5C317.987 4.5 320.606 7.11913 320.606 10.35V78.75C320.606 81.9809 317.987 84.6 314.756 84.6C311.525 84.6 308.906 81.9809 308.906 78.75V10.35Z"
+          fill="#E8E8E8"
+        />
+        <path
+          d="M10.4608 84.6008C12.9785 84.6008 15.2242 83.0176 16.0702 80.6464L19.3657 71.4098C25.6296 53.8525 50.4627 53.862 56.7133 71.424L59.9945 80.6431C60.8391 83.016 63.0853 84.6008 65.6041 84.6008C69.7233 84.6008 72.5981 80.5184 71.2099 76.64L47.9209 11.5775C46.4259 7.40053 42.4678 4.61328 38.0313 4.61328C33.5948 4.61328 29.6367 7.40053 28.1416 11.5775L4.85346 76.6378C3.46485 80.5172 6.34042 84.6008 10.4608 84.6008Z"
+          fill="#E8E8E8"
+        />
+        <path
+          d="M89.66 84.6008C92.1781 84.6008 94.4236 83.0176 95.2696 80.6464L98.5645 71.4098C104.829 53.8525 129.662 53.862 135.913 71.424L139.194 80.6431C140.038 83.016 142.285 84.6008 144.803 84.6008C148.922 84.6008 151.798 80.5184 150.409 76.64L127.121 11.5775C125.625 7.40053 121.667 4.61328 117.231 4.61328C112.794 4.61328 108.836 7.40053 107.34 11.5775L84.0527 76.6378C82.6641 80.5172 85.5397 84.6008 89.66 84.6008Z"
+          fill="#E8E8E8"
+        />
+        <path
+          d="M238.16 84.6008C240.678 84.6008 242.923 83.0176 243.769 80.6464L247.064 71.4098C253.328 53.8525 278.162 53.862 284.413 71.424L287.694 80.6431C288.538 83.016 290.785 84.6008 293.303 84.6008C297.422 84.6008 300.298 80.5184 298.909 76.64L275.62 11.5775C274.125 7.40053 270.166 4.61328 265.73 4.61328C261.294 4.61328 257.336 7.40053 255.84 11.5775L232.553 76.6378C231.164 80.5172 234.04 84.6008 238.16 84.6008Z"
+          fill="#E8E8E8"
+        />
+      </mask>
+      <g mask="url(#mask0_798_1085)">
+        <rect width="324" height="84.6" fill="#9D67FF" />
+      </g>
     </svg>
   );
 }

app/src/modules/builder/groups/wallsMesh.tsx

@@ -8,7 +8,7 @@ import React, { useEffect } from "react";
 import { getLines } from "../../../services/factoryBuilder/lines/getLinesApi";
 import objectLinesToArray from "../geomentries/lines/lineConvertions/objectLinesToArray";
 import loadWalls from "../geomentries/walls/loadWalls";
-import texturePath from "../../../assets/textures/floor/wall-tex.png";
+import texturePath from "../../../assets/textures/floor/factory wall texture.jpg";
 import { useParams } from "react-router-dom";
 import { getUserData } from "../../../functions/getUserData";
 import { useVersionContext } from "../version/versionContext";

app/src/modules/builder/wall/Instances/instance/wall.tsx

@@ -2,14 +2,14 @@ import * as THREE from 'three';
 import { useMemo, useRef, useState } from 'react';
 import * as Constants from '../../../../../types/world/worldConstants';
 
-import defaultMaterial from '../../../../../assets/textures/floor/wall-tex.png';
+import defaultMaterial from '../../../../../assets/textures/floor/factory wall texture.png';
 import material1 from '../../../../../assets/textures/floor/factory wall texture.jpg';
 import { useWallStore } from '../../../../../store/builder/useWallStore';
 import { useWallClassification } from './helpers/useWallClassification';
 import { useFrame, useThree } from '@react-three/fiber';
 import { useWallVisibility } from '../../../../../store/builder/store';
-import { Decal, PivotControls } from '@react-three/drei';
-import { Base, Geometry, Subtraction } from '@react-three/csg';
+import { Decal } from '@react-three/drei';
+import { Base } from '@react-three/csg';
 
 function Wall({ wall }: { readonly wall: Wall }) {
     const { walls } = useWallStore();

app/src/styles/layout/loading.scss

@@ -7,7 +7,6 @@
   background: var(--background-color-solid);
 
   &.comparisionLoading {
-
     position: fixed;
     top: 0;
     right: 0;
@@ -48,11 +47,15 @@
     }
 
     .loading-hero-container {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
       .logo {
         @include flex-center;
         width: 100%;
         margin-bottom: 35px;
-
+        scale: 0.8;
         circle {
           fill: transparent;
         }
@@ -99,4 +102,4 @@
       }
     }
   }
-}
+}