feat(shortcuts): add key bindings and hints (#2515)

* feat(sidebar): shortcut key bindings and hints

Author: setchy

src/renderer/App.tsx

@@ -8,7 +8,7 @@ import {
 
 import { BaseStyles, ThemeProvider } from '@primer/react';
 
-import { AppProvider, useAppContext } from './context/App';
+import { AppProvider } from './context/App';
 import { AccountsRoute } from './routes/Accounts';
 import { FiltersRoute } from './routes/Filters';
 import { LoginRoute } from './routes/Login';
@@ -17,14 +17,18 @@ import { LoginWithPersonalAccessTokenRoute } from './routes/LoginWithPersonalAcc
 import { NotificationsRoute } from './routes/Notifications';
 import { SettingsRoute } from './routes/Settings';
 
+import { GlobalShortcuts } from './components/GlobalShortcuts';
 import { AppLayout } from './components/layout/AppLayout';
 
 import './App.css';
 
+import { useAppContext } from './hooks/useAppContext';
+
 function RequireAuth({ children }) {
-  const { isLoggedIn } = useAppContext();
   const location = useLocation();
 
+  const { isLoggedIn } = useAppContext();
+
   return isLoggedIn ? (
     children
   ) : (
@@ -38,6 +42,7 @@ export const App = () => {
       <BaseStyles>
         <AppProvider>
           <Router>
+            <GlobalShortcuts />
             <AppLayout>
               <Routes>
                 <Route

src/renderer/components/AllRead.tsx

@@ -2,7 +2,7 @@ import { type FC, useMemo } from 'react';
 
 import { Constants } from '../constants';
 
-import { useAppContext } from '../context/App';
+import { useAppContext } from '../hooks/useAppContext';
 
 import { EmojiSplash } from './layout/EmojiSplash';