header buttons don't lcose the dropdown

orchestrator/src/client/components/Header.tsx

@@ -166,25 +166,33 @@ export const Header: React.FC<HeaderProps> = ({
                     onCheckedChange={(checked) =>
                       toggleSource(source, Boolean(checked))
                     }
+                    onSelect={(e) => e.preventDefault()}
                   >
                     {sourceLabel[source]}
                   </DropdownMenuCheckboxItem>
                 ))}
                 <DropdownMenuSeparator />
                 <DropdownMenuItem
-                  onSelect={() => onPipelineSourcesChange(orderedSources)}
+                  onSelect={(e) => {
+                    e.preventDefault();
+                    onPipelineSourcesChange(orderedSources);
+                  }}
                 >
                   All sources
                 </DropdownMenuItem>
                 <DropdownMenuItem
-                  onSelect={() => onPipelineSourcesChange(["gradcracker"])}
+                  onSelect={(e) => {
+                    e.preventDefault();
+                    onPipelineSourcesChange(["gradcracker"]);
+                  }}
                 >
                   Gradcracker only
                 </DropdownMenuItem>
                 <DropdownMenuItem
-                  onSelect={() =>
+                  onSelect={(e) => {
-                    onPipelineSourcesChange(["indeed", "linkedin"])
+                    e.preventDefault();
-                  }
+                    onPipelineSourcesChange(["indeed", "linkedin"]);
+                  }}
                 >
                   Indeed + LinkedIn only
                 </DropdownMenuItem>

orchestrator/src/client/pages/OrchestratorPage.tsx

@@ -681,14 +681,34 @@ export const OrchestratorPage: React.FC = () => {
                       key={source}
                       checked={pipelineSources.includes(source)}
                       onCheckedChange={(checked) => toggleSource(source, Boolean(checked))}
+                      onSelect={(e) => e.preventDefault()}
                     >
                       {sourceLabel[source]}
                     </DropdownMenuCheckboxItem>
                   ))}
                   <DropdownMenuSeparator />
-                  <DropdownMenuItem onSelect={() => setPipelineSources(orderedSources)}>All sources</DropdownMenuItem>
+                  <DropdownMenuItem
-                  <DropdownMenuItem onSelect={() => setPipelineSources(["gradcracker"])}>Gradcracker only</DropdownMenuItem>
+                    onSelect={(e) => {
-                  <DropdownMenuItem onSelect={() => setPipelineSources(["indeed", "linkedin"])}>
+                      e.preventDefault();
+                      setPipelineSources(orderedSources);
+                    }}
+                  >
+                    All sources
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                    onSelect={(e) => {
+                      e.preventDefault();
+                      setPipelineSources(["gradcracker"]);
+                    }}
+                  >
+                    Gradcracker only
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                    onSelect={(e) => {
+                      e.preventDefault();
+                      setPipelineSources(["indeed", "linkedin"]);
+                    }}
+                  >
                     Indeed + LinkedIn only
                   </DropdownMenuItem>
                 </DropdownMenuContent>