добавлены новые хуки и обработчики в Header, улучшен ModalContainer, добавлены сортировки в FavoritesPage и исправлены стили в различных компонентах.

src/components/ProjectSelect.tsx

@@ -29,7 +29,7 @@ function ProjectSelect<T extends boolean = false>({
         {withAll && (
           <div
             className={clsx(
-              "2xl:rounded-[2.778vw] rounded-[40px] 2xl:py-[0.972vw] 2xl:px-[1.389vw] p-1 flex items-center 2xl:gap-[0.556vw] gap-2 text-s 2xl:ring-[0.069vw] ring transition-[box-shadow] cursor-pointer",
+              "2xl:rounded-[2.778vw] rounded-[40px] 2xl:py-[0.972vw] 2xl:px-[1.389vw] md:max-2xl:px-5 md:max-2xl:py-3.5 text-s 2xl:ring-[0.069vw] ring transition-[box-shadow] cursor-pointer",
               !selectedProject ? "ring-[#00BED7]" : "ring-[#E2E2DC]"
             )}
             onClick={() => setSelectedProject(null)}
@@ -67,7 +67,7 @@ function ProjectSelect<T extends boolean = false>({
         ))}
       </div>
       <Select
-        options={projects.map((project) => project.title)}
+        options={["All", ...projects.map((project) => project.title)]}
         onSelect={(option) =>
           setSelectedProject(
             projects.find((project) => project.title === option) ||