feat: add route to page customers and login/register

frontend/src/components/HeaderDesktop.jsx

@@ -4,6 +4,15 @@ import siteLogo from "../assets/Исходники/logo.png";
 export default function HeaderDesktop() {
   const navigate = useNavigate();
 
+  const handleProfileClick = () => {
+    const token = localStorage.getItem("token");
+    if (token) {
+      navigate("/orders");
+    } else {
+      navigate("/login");
+    }
+  };
+
   return (
     <header className="w-full h-27.5 px-16 flex items-center justify-between ">
       <button
@@ -54,7 +63,10 @@ export default function HeaderDesktop() {
       </div>
 
       <div className="flex items-center">
-        <button className="text-slate-200 hover:text-gold transition-colors duration-200 pr-7">
+        <button
+          className="text-slate-200 hover:text-gold transition-colors duration-200 pr-7"
+          onClick={handleProfileClick}
+        >
           <svg
             width="24"
             height="24"

frontend/src/components/HeaderMobile.jsx

@@ -6,6 +6,14 @@ import BurgerMenu from "./BurgerMenu";
 
 export default function HeaderMobile() {
   const navigate = useNavigate();
+  const handleProfileClick = () => {
+    const token = localStorage.getItem("token");
+    if (token) {
+      navigate("/orders");
+    } else {
+      navigate("/login");
+    }
+  };
 
   const [isOpen, setIsOpen] = useState(false);
 
@@ -32,7 +40,10 @@ export default function HeaderMobile() {
           </button>
         </div>
         <div className="flex items-center">
-          <button className="text-slate-200 hover:text-gold transition-colors duration-200 pr-7">
+          <button
+            className="text-slate-200 hover:text-gold transition-colors duration-200 pr-7"
+            onClick={handleProfileClick}
+          >
             <svg
               width="24"
               height="24"

frontend/src/pages/Cart.jsx

@@ -63,7 +63,7 @@ export default function Cart() {
                 <img
                   src={`/static/items/${ci.item.avatar_url}`}
                   alt={ci.item.name}
-                  className="w-40 h-40 object-cover rounded-md shrink-0"
+                  className="w-20 md:w-40 h-20 md:h-40 object-cover rounded-md shrink-0"
                 />
                 <div className="grow">
                   <p className="font-medium text-base md:text-lg">