Can't create a function. The user interface does not function.

I am trying to create a server-side function. I am on the free tier. I already have three functions that work properly that I created a few months ago. Now, that I want to create a fourth function, the user interface simply does not respond to my action. Or when it does, the function does not get added to the repository. When I take the Connect Git repository route,

1. I connect it to my project's repo.
2. I fill out the necessary fields.
3. For Entrypoint, I fill in "src/main.js".
4. For Production branch, I select the branch in my project repo that I want my function to live on.
5. For Root directory, I fill in "functions/userInventory". "functions" is the folder that all of my functions live in. "userInvetory" is the folder that I want the src/main.js to be located at.
6. I click deploy.
7. It stop building at 12 seconds mark and fails. 2025-06-01T07:11:04.287155152Z tar: short read 2025-06-01T07:11:09.000000000Z Build archive was not created.

When I take the Quick start route,

1. I click on Node.js.
2. I fill out the necessary fields.
3. Choose "Connect your repository".
4. Choose "Connect existing repository".
5. Click on connect to my project's repo.
6. I get prompted to select the branch and the root directory.
7. I am unable to select the branch from the dropdown menu because the dropdown menu does not even open, even though my project's repo is selected. See screenshot.
8. I can't continue after step 7.

In addition to all these, sometimes the buttons don't function. I have to refresh the page to get them working. Sometimes I click on an existing function, but the top div with the class name op-cover-console svelte-1a079uu remains the same div that is for the /functions path, and not for the /functions/function-${id} path.