feat: appeal widget and right widget update

src/pages/Carrier/CarrierCreatePage/index.tsx

@@ -288,7 +288,7 @@ export const CarrierCreatePage = observer(() => {
               }
             />
             <p className="text-xs text-gray-500 pl-1">
-              Используется в: виджет маршрута, виджет обращений, значки на карте, скопление достопримечательностей на карте, информационный виджет
+              Используется в: виджет обращений, значки на карте, скопление достопримечательностей на карте, информационный виджет
             </p>
           </div>
           <div className="flex flex-col gap-1">

src/pages/Carrier/CarrierEditPage/index.tsx

@@ -30,7 +30,11 @@ import {
   UploadMediaDialog,
 } from "@shared";
 
-type ColorFields = { main_color: string; left_color: string; right_color: string };
+type ColorFields = {
+  main_color: string;
+  left_color: string;
+  right_color: string;
+};
 
 const colorFields = (data: ColorFields) => ({
   main_color: data.main_color,
@@ -130,7 +134,7 @@ export const CarrierEditPage = observer(() => {
             carrierData.ru?.slogan || "",
             carrierData.ru?.logo || "",
             "ru",
-            colors
+            colors,
           );
           setEditCarrierData(
             carrierData.en?.full_name || "",
@@ -138,7 +142,7 @@ export const CarrierEditPage = observer(() => {
             carrierData.en?.city_id || 0,
             carrierData.en?.slogan || "",
             carrierData.en?.logo || "",
-            "en"
+            "en",
           );
           setEditCarrierData(
             carrierData.zh?.full_name || "",
@@ -146,7 +150,7 @@ export const CarrierEditPage = observer(() => {
             carrierData.zh?.city_id || 0,
             carrierData.zh?.slogan || "",
             carrierData.zh?.logo || "",
-            "zh"
+            "zh",
           );
           setInitialCityName(carrierData.ru?.city || "");
         }
@@ -185,7 +189,7 @@ export const CarrierEditPage = observer(() => {
       editCarrierData.city_id,
       editCarrierData[language].slogan,
       media.id,
-      language
+      language,
     );
   };
 
@@ -267,7 +271,7 @@ export const CarrierEditPage = observer(() => {
                 Number(e.target.value),
                 editCarrierData[language].slogan,
                 editCarrierData.logo,
-                language
+                language,
               )
             }
           >
@@ -291,7 +295,7 @@ export const CarrierEditPage = observer(() => {
               editCarrierData.city_id,
               editCarrierData[language].slogan,
               editCarrierData.logo,
-              language
+              language,
             )
           }
         />
@@ -308,7 +312,7 @@ export const CarrierEditPage = observer(() => {
               editCarrierData.city_id,
               editCarrierData[language].slogan,
               editCarrierData.logo,
-              language
+              language,
             )
           }
         />
@@ -324,7 +328,7 @@ export const CarrierEditPage = observer(() => {
               editCarrierData.city_id,
               e.target.value,
               editCarrierData.logo,
-              language
+              language,
             )
           }
         />
@@ -342,12 +346,13 @@ export const CarrierEditPage = observer(() => {
                   editCarrierData[language].slogan,
                   editCarrierData.logo,
                   language,
-                  { ...colorFields(editCarrierData), main_color: val }
+                  { ...colorFields(editCarrierData), main_color: val },
                 )
               }
             />
             <p className="text-xs text-gray-500 pl-1">
-              Используется в: виджет маршрута, виджет обращений, значки на карте, скопление достопримечательностей на карте, информационный виджет
+              Используется в: значки на карте, скопление достопримечательностей
+              на карте, информационный виджет
             </p>
           </div>
           <div className="flex flex-col gap-1">
@@ -362,12 +367,13 @@ export const CarrierEditPage = observer(() => {
                   editCarrierData[language].slogan,
                   editCarrierData.logo,
                   language,
-                  { ...colorFields(editCarrierData), left_color: val }
+                  { ...colorFields(editCarrierData), left_color: val },
                 )
               }
             />
             <p className="text-xs text-gray-500 pl-1">
-              Используется в: боковое меню, левый виджет достопримечательности
+              Используется в: виджет обращений, боковое меню (фон, список
+              остановок), левый виджет достопримечательности
             </p>
           </div>
           <div className="flex flex-col gap-1">
@@ -382,12 +388,13 @@ export const CarrierEditPage = observer(() => {
                   editCarrierData[language].slogan,
                   editCarrierData.logo,
                   language,
-                  { ...colorFields(editCarrierData), right_color: val }
+                  { ...colorFields(editCarrierData), right_color: val },
                 )
               }
             />
             <p className="text-xs text-gray-500 pl-1">
-              Используется в: список достопримечательностей, страница достопримечательности
+              Используется в: список достопримечательностей (фон, карточки),
+              правый виджет достопримечательности
             </p>
           </div>
         </div>
@@ -465,7 +472,7 @@ export const CarrierEditPage = observer(() => {
             editCarrierData.city_id,
             editCarrierData[language].slogan,
             "",
-            language
+            language,
           );
           setIsDeleteLogoModalOpen(false);
         }}

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

@@ -125,7 +125,12 @@ export const LeftSidebar = observer(({ open, onToggle }: LeftSidebarProps) => {
         )}
 
         {/* Кнопки — .side-menu-buttons */}
-        <div style={{ width: 220, marginTop: 260 }}>
+        <div
+          style={{
+            width: 220,
+            marginTop: routeData?.governor_appeal || 0 > 0 ? 40 : 260,
+          }}
+        >
           <div
             style={{
               backgroundColor: "#fff",