fix: show placeholder select while waiting for load

packages/frontend/src/components/shared/Select/Select.tsx

@@ -219,6 +219,7 @@ export const Select = ({
     getItemProps,
     openMenu,
   } = useCombobox({
+    defaultInputValue: (options[0] as unknown as SelectOption)?.value,
     items: filteredItems,
     selectedItem: multiple ? null : (value as SelectOption) || null,
     // @ts-expect-error – there are two params but we don't need the second one

packages/frontend/src/pages/org-slug/projects/create/template/index.tsx

@@ -143,8 +143,10 @@ const CreateRepo = () => {
             The project will be cloned into this repository
           </Heading>
         </div>
+
         <div className="flex flex-col justify-start gap-3">
           <span className="text-sm text-elements-high-em">Git account</span>
+          {gitAccounts.length > 0 ? (
             <Controller
               name="account"
               control={control}
@@ -161,6 +163,9 @@ const CreateRepo = () => {
                 />
               )}
             />
+          ) : (
+            <Select options={[]} disabled />
+          )}
         </div>
         <div className="flex flex-col justify-start gap-3">
           <span className="text-sm text-elements-high-em">Name the repo</span>