feat: demo page realisation

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

@@ -89,9 +89,11 @@ export const Sight = ({ sight, id }: Readonly<SightProps>) => {
     return null;
   }
 
-  // Компенсируем масштаб для сохранения постоянного размера
+  // Компенсируем масштаб, но при зуме текст немного увеличивается
+  const clampedScale = Math.min(Math.max(scale, 1), 3);
+  const textScaleFactor = 1 + (clampedScale - 1) * 0.4;
   const compensatedSize = SIGHT_SIZE / scale;
-  const compensatedFontSize = 24 / scale;
+  const compensatedFontSize = (24 / scale) * textScaleFactor;
 
   return (
     <pixiContainer