fix(style): sidebar changes and restore pre-commit

.pre-commit-config.yaml

@@ -1,5 +1,5 @@
 exclude: 'node_modules|.git'
-default_stages: [pre-commit]
+default_stages: [commit]
 fail_fast: false
 
 
@@ -21,7 +21,7 @@ repos:
         exclude: ^frappe/tests/classes/context_managers\.py$
 
   - repo: https://github.com/astral-sh/ruff-pre-commit
-    rev: v0.7.0
+    rev: v0.2.0
     hooks:
       - id: ruff
         name: "Run ruff import sorter"
@@ -34,7 +34,7 @@ repos:
         name: "Run ruff formatter"
 
   - repo: https://github.com/pre-commit/mirrors-prettier
-    rev: v4.0.0-alpha.8
+    rev: v2.7.1
     hooks:
       - id: prettier
         types_or: [javascript, vue, scss]
@@ -52,7 +52,7 @@ repos:
 
 
   - repo: https://github.com/pre-commit/mirrors-eslint
-    rev: v9.13.0
+    rev: v8.44.0
     hooks:
       - id: eslint
         types_or: [javascript]

frappe/public/scss/desk/sidebar.scss

@@ -63,8 +63,8 @@ body {
 }
 
 .body-sidebar {
-	width: 53px;
-	background: var(--subtle-fg);
+	width: 50px;
+	background: var(--subtle-accent);
 	border-right: 1px solid var(--dark-border-color);
 
 	display: flex;
@@ -82,7 +82,7 @@ body {
 		gap: 2px;
 		justify-content: flex-start;
 		overflow: hidden;
-		padding: 15px;
+		padding: 13px;
 		position: static;
 		font-size: var(--text-base);
 		// transition: width 200ms;
@@ -93,7 +93,7 @@ body {
 	}
 
 	.app-logo {
-		width: 21px;
+		width: 23px;
 	}
 
 	.sidebar-items {