Autocomplete projects & clients

[HerbCaudill]

Adds an autocomplete menu for projects and clients. Includes playwright tests and

As soon you type #, you'll see an autocomplete menu showing all projects:

As you type more characters, the available options will be narrowed accordingly:

The text you type doesn't have to be the beginning of the code, it can be anywhere in the code or subcode:

Same goes when you type @ for clients:

It won't stop you from typing an invalid code, but it will warn you:

The autocomplete menu will always be positioned below and to the right of the cursor. Even if there is lots of text:

and even if you're not at the end of the current content of the textarea:

After you select an item, it is inserted into the text and your cursor will be where you expect it to be:

You can select an item from the menu with the mouse, or with the arrow keys + Enter to select.

Testing

Confirm that this works as described, and that the new playwright tests pass.

[linear]

X-39 autocomplete component

for choosing clients and projects