Developed Ui for shortcuts preview

app/src/store/store.ts

@@ -436,6 +436,7 @@ export const useZoneAssetId = create<ZoneAssetState>((set) => ({
   setZoneAssetId: (asset) => set({ zoneAssetId: asset }),
 }));
 
+// version visible hidden
 interface VersionHistoryState {
   viewVersionHistory: boolean;
   setVersionHistory: (value: boolean) => void;
@@ -447,3 +448,16 @@ const useVersionHistoryStore = create<VersionHistoryState>((set) => ({
 }));
 
 export default useVersionHistoryStore;
+
+interface ShortcutStore {
+  showShortcuts: boolean;
+  setShowShortcuts: (value: boolean) => void;
+  toggleShortcuts: () => void;
+}
+
+export const useShortcutStore = create<ShortcutStore>((set) => ({
+  showShortcuts: false,
+  setShowShortcuts: (value) => set({ showShortcuts: value }),
+  toggleShortcuts: () =>
+    set((state) => ({ showShortcuts: !state.showShortcuts })),
+}));