refactor(variables.scss): replace spacing px values by rem

Author: enzo-bitfly

frontend/.vscode/settings.json

@@ -65,6 +65,7 @@
         "useFeatureFlag",
         "useNotificationsOverviewStore",
         "useWindowSize",
+        "variables.scss",
         "vscode"
     ],
     "editor.codeActionsOnSave": {

frontend/assets/css/variables.scss

@@ -4,13 +4,13 @@
   --navbar-height: 50px;
   --navbar2-height: 56px;
 
-  --padding-xl: 32px;
-  --padding-large: 20px;
-  --padding-medium: 15px;
-  --padding: 10px;
-  --padding-small: 5px;
-  --padding-tiny: 2px;
-  --padding-line: 1px;
+  --padding-xl: 2rem;
+  --padding-large: 1.25rem;
+  --padding-medium: 1rem;
+  --padding: 0.5rem;
+  --padding-small: 0.25rem;
+  --padding-tiny: 0.125rem;
+  --padding-line: 0.0625rem;
 
   --content-width: 1360px;
   --content-margin: var(--padding-large);