fixed page auth

src/App.js

@@ -79,6 +79,8 @@ const App = () => {
             path="/tracker/project/:id"
             element={<ProjectTracker />}
           />
+          <Route exact path="/tracker-start"></Route>
+          
           <Route exact path="/auth-candidate" element={<AuthForCandidate />} />
           <Route
             exact
@@ -135,6 +137,8 @@ const App = () => {
               element={<PartnerEmployees />}
             />
           </Route>
+          
+
           <Route exact path="profile-candidate/:id">
             <Route index element={<ProfileCandidate />} />
           </Route>

src/components/AuthBox/authBox.scss

@@ -55,7 +55,7 @@
     margin-bottom: 54px;
 
     span {
-      color: #8DC63F;
+      color: #8dc63f;
       font-size: 50px;
       font-weight: 700;
       font-style: normal;
@@ -193,7 +193,7 @@
 
   &__reset {
     color: #000000;
-    font-size: 13px;
+    font-size: 15px;
     line-height: 16px;
     cursor: pointer;
     text-decoration: underline;
@@ -208,7 +208,7 @@
 
     span {
       cursor: pointer;
-      color: #52B709;
+      color: #52b709;
       font-weight: 700;
     }
   }

src/components/Common/AuthHeader/AuthHeader.jsx

@@ -35,14 +35,7 @@ export const AuthHeader = () => {
                 </a>
               </li>
               <li>
-                <a
-                  onClick={(e) => {
-                    e.preventDefault();
-                    scrollToForm();
-                  }}
-                >
-                  Трекер
-                </a>
+                <NavLink to={"/tracker-start"}>Трекер</NavLink>
               </li>
               <li>
                 <NavLink to={"/auth-candidate"} className="candidate">

src/pages/Tracker/Tracker.jsx

@@ -317,7 +317,8 @@ export const Tracker = () => {
                           <tr key={task.id}>
                             <td>
                               <div className="taskList__table__title-task">
-                                {task.title}
+                                <p>{task.title}</p>
+
                                 <div
                                   onClick={(e) => {
                                     toggleDescTask(e);

src/pages/Tracker/tracker.scss

@@ -1611,12 +1611,20 @@
               gap: 10px;
               align-items: center;
               transition: 0.4s;
+              max-width: 350px;
+
+              p {
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                overflow: hidden;
+              }
 
               div {
                 cursor: pointer;
 
                 width: 15px;
-                height: 15px;
+                min-width: 15px;
+                min-height: 15px;
                 display: flex;
                 background-color: #000;
                 align-items: center;