"Please enter a valid API key" error on valid keys

[cjaccino]

When first using the application, the user is prompted to provide an API key. However the application refuses the key.

Probably due to the 51-character check. The current API-keys I'm getting are 56-character, probablying owing to the introduction of "proj-" in the new keys and the change in how OpenAI is managing them.

  const handleSave = () => {
    if (apiKey.length !== 51) {
      alert("Please enter a valid API key.");
      return;
    }

Line 103 of "components/Search.tsx" above is likely the culprit.

[devanshamin]

Legacy User API Keys are of length 51 while the project API keys are of length 56,

Update the Search.tsx accordingly.