@samejr Please check this PR

@samejr can you run this branch and check you're happy with the functionality. @123OM123 the code looks good to me, other than the very minor change to the tsconfig.json I mention in my review

Hey @123OM123 it's looking great 👍. Here are a few tweaks:

• Can you remove the line of copy at the top of the panel "View and change..." as you can't update the shortcuts in this branch.
• Can you add the X icon in the top right (like you have in the other branch)
• Add the dark mode styling for the panel and footer link (It's working in the other branch but not this one)
• Remove the button background on hover in the footer link. Just have this as a subtle text link. You can give it a 90% opacity and fade it up to 100% on hover if you like.
• Also, worth making the whole footer link behave like a link so the cursor should turn to a pointer across the whole thing.

@samejr I made all the changes you recommended.

Thanks for this, here's a few more tweaks:

1. Add some margin between the text and key icons
   
2. Footer text needs to be styled in dark mode
   
3. The close X button in the top right of the panel doesn't close the panel. Also the Esc key doesn't dismiss the panel too.
4. The shortcut text in the panel doesn't have dark mode styling
   
5. If you hit Cmd K while the shortcuts menu is open, it should close the shortcut panel and open the search bar.