feat: Make the command bar responsive

[benjackwhite]

Problem

Tried searching on my phone earlier and it was completely unusable.

Changes

Now it is somewhat usable....

• Removed shadows that didn't work due to overflow hidden (to be fixed later)
• Made it responsive (max and mins instead of fixed dimensions
• Hide preview if the screen is too small
• Made the Esc key command hit clickable

Before	After

How did you test this code?

[posthog-bot]

📸 UI snapshots have been updated

5 snapshot changes in total. 0 added, 5 modified, 0 deleted:

• chromium: 0 added, 5 modified, 0 deleted (diff for shard 1)
• webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

[github-actions]

Size Change: 0 B

Total Size: 2 MB

ℹ️ View Unchanged

Filename	Size
frontend/dist/toolbar.js	2 MB

_{compressed-size-action}

[thmsobrmlr]

• Removed shadows that didn't work due to overflow hidden (to be fixed later)

Do you mean they don't look good or is there an issue? I can't seem to see a difference without overflow hidden or when using shadow in another place.

The other changes are great :)

[benjackwhite]

• Removed shadows that didn't work due to overflow hidden (to be fixed later)

Do you mean they don't look good or is there an issue? I can't seem to see a difference without overflow hidden or when using shadow in another place.

The other changes are great :)

Yeah I realised later it wasn't that the overflow hidden was the issue, but rather that the default shadow just doesn't work here 😅