feat: update route widget and leftsidebar in route-preview

src/pages/Route/route-preview/LeftSidebar.tsx

@@ -24,7 +24,9 @@ export const LeftSidebar = observer(({ open, onToggle }: LeftSidebarProps) => {
   useEffect(() => {
     async function fetchCarrierData() {
       if (routeData?.carrier_id) {
-        const carrier = (await authInstance.get(`/carrier/${routeData.carrier_id}`)).data;
+        const carrier = (
+          await authInstance.get(`/carrier/${routeData.carrier_id}`)
+        ).data;
         setCarrierLogo(carrier.logo);
         setCarrierSlogan(carrier.slogan ?? null);
         setCarrierShortName(carrier.short_name ?? null);
@@ -45,6 +47,7 @@ export const LeftSidebar = observer(({ open, onToggle }: LeftSidebarProps) => {
     <div
       style={{
         position: "relative",
+        width: 288,
         height: "100%",
         color: "#fff",
       }}
@@ -165,7 +168,11 @@ export const LeftSidebar = observer(({ open, onToggle }: LeftSidebarProps) => {
             {carrierLogo && !isMediaIdEmpty(carrierLogo) && (
               <div style={{ width: 170 }}>
                 <MediaViewer
-                  media={{ id: carrierLogo, media_type: 1, filename: "carrier_logo" }}
+                  media={{
+                    id: carrierLogo,
+                    media_type: 1,
+                    filename: "carrier_logo",
+                  }}
                   fullWidth
                 />
               </div>
@@ -190,7 +197,12 @@ export const LeftSidebar = observer(({ open, onToggle }: LeftSidebarProps) => {
           <img
             src="/side-menu-photo.png"
             alt=""
-            style={{ width: "100%", marginTop: 32, display: "block", pointerEvents: "none" }}
+            style={{
+              width: "288px",
+              marginTop: 32,
+              display: "block",
+              pointerEvents: "none",
+            }}
           />
         </div>
       </div>