upd

src/components/ProjectSelect.tsx

@@ -7,15 +7,15 @@ import Select from "./ui/Select";
 function ProjectSelect({
   projects,
   onSelect,
+  defaultProject,
 }: {
   projects: Project[];
   onSelect: (project: Project) => void;
+  defaultProject: Project;
 }) {
-  const [selectedProject, setSelectedProject] = useState(projects[0]);
+  const [selectedProject, setSelectedProject] = useState(defaultProject);
 
-  useEffect(() => {
-    onSelect(selectedProject);
-  }, [selectedProject]);
+  useEffect(() => onSelect(selectedProject), [selectedProject]);
 
   return (
     <>
@@ -45,9 +45,11 @@ function ProjectSelect({
         options={projects.map((project) => project.title)}
         onSelect={(option) =>
           setSelectedProject(
-            projects.find((project) => project.title === option) || projects[0]
+            projects.find((project) => project.title === option) ||
+              defaultProject
           )
         }
+        defaultOption={defaultProject.title}
         className="md:hidden"
       />
     </>