♻️ (tableComponent): remove unnecessary comma and autoHeight property

✨ (ShortcutsPage): add conditional rendering for TableComponent to handle empty data

src/frontend/src/components/tableComponent/index.tsx

@@ -141,7 +141,6 @@ const TableComponent = forwardRef<
           {...props}
           defaultColDef={{
             minWidth: 100,
-            autoHeight: true,
           }}
           animateRows={false}
           columnDefs={colDef}

src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/index.tsx

@@ -40,7 +40,7 @@ export default function ShortcutsPage() {
   const combinationToEdit = shortcuts.filter((s) => s.name === selectedRows[0]);
   const [open, setOpen] = useState(false);
   const updateUniqueShortcut = useShortcutsStore(
-    (state) => state.updateUniqueShortcut
+    (state) => state.updateUniqueShortcut,
   );
 
   function handleRestore() {
@@ -97,6 +97,7 @@ export default function ShortcutsPage() {
       </div>
       <div className="grid gap-6 pb-8">
         <div>
+          {colDefs && nodesRowData.length > 0 && (
             <TableComponent
               suppressRowClickSelection={true}
               domLayout="autoHeight"
@@ -108,6 +109,7 @@ export default function ShortcutsPage() {
                 setOpen(true);
               }}
             />
+          )}
         </div>
       </div>
     </div>