refactor: 498 - add changes after review

dev-data/about-video.data.ts

@@ -1,4 +1,4 @@
-export const video = {
+export const videoTitleLocalized = {
   en: { title: 'RS School video' },
   ru: { title: 'Видео RS School' },
 };

dev-data/index.ts

@@ -26,4 +26,4 @@ export { nodejs } from './nodejs.data';
 export { preSchoolEn, preSchoolRu } from './preSchool.data';
 export { reactEn } from './react-en.data';
 export { reactRu } from './react-ru.data';
-export { video } from './about-video.data';
+export { videoTitleLocalized } from './about-video.data';

src/widgets/about-video/ui/about-video.module.scss

@@ -40,7 +40,7 @@
     }
 
     @include media-laptop-medium {
-      max-height: 411px;
+      max-height: 410px;
     }
   }
 

src/widgets/about-video/ui/about-video.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import { AboutVideo } from './about-video';
-import { video } from 'data';
+import { videoTitleLocalized } from 'data';
 
 describe('AboutVideo component', () => {
   it('renders without crashing with default title', () => {
@@ -10,14 +10,14 @@ describe('AboutVideo component', () => {
 
     expect(aboutVideo).toBeVisible();
     expect(title).toBeVisible();
-    expect(title).toHaveTextContent(video['en'].title);
+    expect(title).toHaveTextContent(videoTitleLocalized['en'].title);
   });
 
   it('displays the RU title correctly', () => {
     render(<AboutVideo lang="ru" />);
     const title = screen.getByTestId('widget-title');
 
-    expect(title).toHaveTextContent(video['ru'].title);
+    expect(title).toHaveTextContent(videoTitleLocalized['ru'].title);
   });
 
   it('renders the placeholder in development mode', () => {

src/widgets/about-video/ui/about-video.tsx

@@ -1,6 +1,6 @@
 import classNames from 'classnames/bind';
 import { WidgetTitle } from '@/shared/ui/widget-title';
-import { video } from 'data';
+import { videoTitleLocalized } from 'data';
 
 import styles from './about-video.module.scss';
 
@@ -15,7 +15,7 @@ export const AboutVideo = ({ lang = 'en' }: AboutVideoProps) => {
   return (
     <section className={cx('container')} data-testid="about-video">
       <article className={cx('content')}>
-        <WidgetTitle mods="lines">{video[lang].title}</WidgetTitle>
+        <WidgetTitle mods="lines">{videoTitleLocalized[lang].title}</WidgetTitle>
         <div className={cx('video-wrapper')}>
           <div className={cx('video-container')}>
             {isRunningInDev