feat: delete title atribute from the client page

src/client/src/components/Fullscreen3DModal.jsx

@@ -37,14 +37,14 @@ const Fullscreen3DModal = ({ isOpen, onClose, fileUrl }) => {
         </div>
       </div>
       <div className="fullscreen-3d-actions">
-        <button title="Увеличить масштаб" disabled={scale >= 1}>
+        <button disabled={scale >= 1}>
           <img src={scale_plus} alt="Увеличить" />
         </button>
-        <button title="Уменьшить масштаб" disabled={scale <= 0.1}>
+        <button disabled={scale <= 0.1}>
           <img src={scale_minus} alt="Уменьшить" />
         </button>
 
-        <button onPointerUp={onClose} title="Закрыть">
+        <button onPointerUp={onClose}>
           <img src={closeIcon} alt="Закрыть" />
         </button>
       </div>

src/client/src/components/ListOfSights/SightComponent.jsx

@@ -36,7 +36,7 @@ const SightComponent = function SightComponent({
       aria-label={`Выбрать достопримечательность ${title}`}
     >
       <div className="sight-image">{renderThumbnail()}</div>
-      <div className="sight-title" title={title}>
+      <div className="sight-title">
         {title}
       </div>
     </div>

src/client/src/components/ListOfSights/SightFrame.jsx

@@ -361,7 +361,6 @@ const SightFrame = observer(({ media, sight_id, sight_name }) => {
                 <button
                   type="button"
                   className="three-d-control-btn"
-                  title="Уменьшить"
                   onPointerUp={() => threeViewControlRef.current?.zoomOut?.()}
                 >
                   <MinusIcon />
@@ -369,7 +368,6 @@ const SightFrame = observer(({ media, sight_id, sight_name }) => {
                 <button
                   type="button"
                   className="three-d-control-btn"
-                  title="Увеличить"
                   onPointerUp={() => threeViewControlRef.current?.zoomIn?.()}
                 >
                   <PlusIcon />
@@ -377,7 +375,6 @@ const SightFrame = observer(({ media, sight_id, sight_name }) => {
                 <button
                   type="button"
                   className="three-d-control-btn"
-                  title={isFullscreen3D ? "Свернуть" : "Развернуть"}
                   onPointerUp={() => {
                     if (isFullscreen3D) {
                       setIsFullscreen3D(false);
@@ -392,11 +389,6 @@ const SightFrame = observer(({ media, sight_id, sight_name }) => {
               </div>
               <button
                 className={"fullscreen-3d-button"}
-                title={
-                  isFullscreen3D
-                    ? "Закрыть полноэкранный режим"
-                    : "Открыть в полноэкранном режиме"
-                }
                 aria-hidden="true"
               >
                 <svg

src/client/src/components/map/WebGLMap.tsx

@@ -2932,7 +2932,6 @@ export const WebGLMap = observer(() => {
                                   whiteSpace: "nowrap",
                                   flex: 1,
                                 }}
-                                title={sightName}
                               >
                                 {sightName}
                               </span>

src/client/src/components/side-menu/SideMenu.jsx

@@ -505,7 +505,7 @@ const SideMenu = observer(({ onMenuToggle }) => {
               : selectedLanguage == "zh"
               ? "景点"
               : "Attractions"}
-          </div>
+</div>
           <div
             onPointerUp={() => {
               if (!isStationOpen) {
@@ -553,7 +553,7 @@ const SideMenu = observer(({ onMenuToggle }) => {
               : selectedLanguage == "zh"
               ? "车站"
               : "Stations"}
-          </div>
+</div>
         </div>
         <div className="side-menu-tag">
           {/* {selectedLanguage == "ru"

src/client/src/components/side-menu/SightStationsList.jsx

@@ -64,7 +64,6 @@ const StationItem = ({
         className="side-menu-sight"
         onPointerDown={(e) => handlePointerDown(e, station.id)}
         onPointerUp={(e) => handlePointerUp(e, station.id, handleStationClick)}
-        title={station.name}
       >
         <span ref={textRef} className={shouldAnimate ? "marquee-text" : ""}>
           {station.name}

src/client/src/components/side-menu/SightsList.jsx

@@ -105,7 +105,6 @@ const SightItem = ({
         className={`side-menu-sight pointer ${
           localSelectedSightId === sight.id ? "selected" : ""
         }`}
-        title={sightName}
       >
         <span ref={textRef} className={shouldAnimate ? "marquee-text" : ""}>
           {sightName}

src/client/src/components/side-menu/StationSightsList.jsx

@@ -70,7 +70,6 @@ const SightItem = ({
       className={`side-menu-sight pointer ${
         localSelectedSightId === sight.id ? "selected" : ""
       }`}
-      title={sightName}
     >
       <span ref={textRef} className={shouldAnimate ? "marquee-text" : ""}>
         {sightName}

src/client/src/components/side-menu/StationsList.jsx

@@ -124,7 +124,6 @@ const StationItem = ({
             );
           }
         }}
-        title={station.name}
       >
         <span ref={textRef} className={shouldAnimate ? "marquee-text" : ""}>
           {station.name}

src/client/src/components/widgets/RouteWidget.jsx

@@ -92,16 +92,14 @@ const RouteWidget = observer(() => {
           className={`route-widget-label ${
             shouldAnimate(startStation?.name, 18) ? "marquee" : ""
           } ${getLabelSizeClass(startStation?.name)}`}
-          title={startStation?.name}
+>
-        >
           {startStation?.name}
         </div>
         <div
           className={`route-widget-label ${
             shouldAnimate(endStation?.name, 18) ? "marquee" : ""
           } ${getLabelSizeClass(endStation?.name)}`}
-          title={endStation?.name}
+>
-        >
           {endStation?.name}
         </div>
         {(selectedLanguage === "en" || selectedLanguage === "ru") && (
@@ -109,8 +107,7 @@ const RouteWidget = observer(() => {
             className={`route-widget-subtitle ${
               shouldAnimate(routeEnSubtitle, 50) ? "marquee" : ""
             }`}
-            title={routeEnSubtitle}
+>
-          >
             {routeEnSubtitle}
           </div>
         )}
@@ -119,8 +116,7 @@ const RouteWidget = observer(() => {
             className={`route-widget-subtitle ${
               shouldAnimate(routeZhSubtitle, 50) ? "marquee" : ""
             }`}
-            title={routeZhSubtitle}
+>
-          >
             {routeZhSubtitle}
           </div>
         )}