here shortcut key component added

src/Pages/BookingScreen/Template/BSLayout7/BSCombo1.jsx

@@ -71,6 +71,7 @@ import { CgSearchLoading } from "react-icons/cg";
 import { DefaultModal } from '../../../../Components/Modal/DefaultModal.jsx';
 import MultipleSearch from '../../Components/UtillComponents/MultipleSearch.jsx';
 import VerfiedProducts from '../../Components/BSNavbar/verfiedProduct/VerfiedProducts.jsx';
+import ShortcutKeyHelper from '../../Components/UtillComponents/ShortcutKeyHelper.jsx';
 
 const subDirectory = import.meta.env.BASE_URL;
 const commonDirectory = import.meta.env.COMMON_BASE_URL;
@@ -103,6 +104,13 @@ export default function BSCombo1() {
       preference?.PreferredSubCatName === 'SportsApp' &&
       preference?.PreferredStatus == 'Y'
   );
+  const preferenceshortcutkey = SettingDataSelector?.[0]?.[
+    'SettingDtlDetails'
+  ]?.some(
+    (item) =>
+      item.SettingIdName.toLowerCase() === 'shortcutkeys' &&
+      item.SettingValue === 'Y'
+  );
   const [popOverOpen, setPopOverOpen] = useState(false);
 
   // const [AppExpDate, setAppExpDate] = useState(0);
@@ -535,12 +543,10 @@ export default function BSCombo1() {
                     </div>
                   )}
                 </div>
-
-                <Tooltip title="KeyBoard Shortcut">
+                {preferenceshortcutkey && (
                   <div className="keyboardShortcut">
-                    <FaRegKeyboard size={20} />
-                  </div>
-                </Tooltip>
+                    <ShortcutKeyHelper />
+                  </div>)}
               </div>
             </div>
             {/* </div> */}