Fix: Don't show margins around disabled elements in the Dashboard (#946)

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

src/components/menus/dashboard/controls/index.tsx

@@ -9,7 +9,7 @@ import {
 
 export const Controls = ({ isEnabled }: ControlsProps): JSX.Element => {
     if (!isEnabled) {
-        return <box />;
+        return null;
     }
 
     return (

src/components/menus/dashboard/directories/index.tsx

@@ -4,7 +4,7 @@ import { LeftLink1, LeftLink2, LeftLink3, RightLink1, RightLink2, RightLink3 } f
 
 export const Directories = ({ isEnabled }: DirectoriesProps): JSX.Element => {
     if (!isEnabled) {
-        return <box />;
+        return null;
     }
 
     return (

src/components/menus/dashboard/shortcuts/index.tsx

@@ -6,7 +6,7 @@ export const Shortcuts = ({ isEnabled }: ShortcutsProps): JSX.Element => {
     recordingPoller.initialize();
 
     if (!isEnabled) {
-        return <box />;
+        return null;
     }
 
     return (

src/components/menus/dashboard/stats/index.tsx

@@ -15,7 +15,7 @@ initializePollers(cpuService, ramService, gpuService, storageService);
 
 export const Stats = ({ isEnabled }: StatsProps): JSX.Element => {
     if (!isEnabled) {
-        return <box />;
+        return null;
     }
 
     return (