Code styling changes

front/src/components/BottomNavBar.tsx

@@ -7,22 +7,22 @@ import userIcon from '../assets/userIcon.svg'
 const navBarStyles: React.CSSProperties = {
     backgroundColor: 'var(--bs-success)',
     height: 56,
-    width: "100%",
+    width: '100%',
 }
 
 const navBarGroupStyles: React.CSSProperties = {
-    display: "flex",
-    flexDirection: "row",
-    height: "100%",
-    margin: "auto"
+    display: 'flex',
+    flexDirection: 'row',
+    height: '100%',
+    margin: 'auto'
 }
 
 const navBarElementStyles: React.CSSProperties = {
-    width: "100%",
-    height: "100%",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
 }
 
 type BottomNavBarProps = {
@@ -36,15 +36,15 @@ function BottomNavBar({ width, toggleFilters }: BottomNavBarProps) {
             <div style={{ ...navBarGroupStyles, width: width }}>
 
                 <a style={navBarElementStyles} onClick={() => toggleFilters(true)}>
-                    <img src={filterIcon} alt="Фильтровать объявления" title='Фильтровать объявления' />
+                    <img src={filterIcon} alt='Фильтровать объявления' title='Фильтровать объявления' />
                 </a>
 
-                <Link style={navBarElementStyles} to="/add" >
-                    <img src={addIcon} alt="Опубликовать объявление" title='Опубликовать объявление' />
+                <Link style={navBarElementStyles} to='/add' >
+                    <img src={addIcon} alt='Опубликовать объявление' title='Опубликовать объявление' />
                 </Link>
 
-                <Link style={navBarElementStyles} to={"/user"} >
-                    <img src={userIcon} alt="Личный кабинет" title='Личный кабинет' />
+                <Link style={navBarElementStyles} to={'/user'} >
+                    <img src={userIcon} alt='Личный кабинет' title='Личный кабинет' />
                 </Link>
 
             </div>