style(calendar): optimize mini calendar layout for more compact design

Remove aspect-ratio constraint from calendar days and reduce spacing
throughout the mini calendar component to achieve a more compact layout
while maintaining visual clarity. Changes include:

- Remove aspect-ratio: 1 from calendar days for better height control
- Reduce grid gaps and padding values across calendar elements
- Adjust header and day-header spacing for tighter layout
- Update task count badge styling with smaller border radius
- Set min-height using CSS variable for consistent sizing

Author: Quorafind

src/styles/calendar.css

@@ -11,8 +11,8 @@
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	padding: 10px 15px;
-	margin-bottom: 10px;
+	padding: 8px 15px;
+	margin-bottom: 8px;
 }
 
 .task-genius-view .mini-calendar-container .calendar-title {
@@ -69,17 +69,17 @@
 .task-genius-view .mini-calendar-container .calendar-grid {
 	display: grid;
 	grid-template-columns: repeat(7, 1fr);
-	gap: 2px;
+	gap: 1px;
 	padding: 0 10px;
 }
 
 .task-genius-view .mini-calendar-container .calendar-day-header {
 	text-align: center;
 	font-size: 0.8em;
 	color: var(--text-muted);
-	padding: 5px 0;
+	padding: 3px 0;
 	border-bottom: 1px solid var(--background-modifier-border);
-	margin-bottom: 5px;
+	margin-bottom: 3px;
 }
 
 .task-genius-view
@@ -97,14 +97,15 @@
    so no hiding rules are needed. The grid layout adjustments above are sufficient. */
 
 .task-genius-view .mini-calendar-container .calendar-day {
-	aspect-ratio: 1;
 	border-radius: 4px;
-	padding: 2px;
+	padding: 1px;
 	cursor: pointer;
 	position: relative;
 	display: flex;
 	flex-direction: column;
 	transition: background-color 0.2s ease;
+	height: auto;
+	min-height: var(--size-4-12);
 }
 
 .task-genius-view .mini-calendar-container .calendar-day:hover {
@@ -132,16 +133,16 @@
 	text-align: center;
 	font-size: 0.9em;
 	font-weight: 500;
-	padding: 2px;
+	padding: 1px;
 }
 
 .task-genius-view .mini-calendar-container .calendar-day-count {
 	background-color: var(--background-modifier-border);
 	color: var(--text-normal);
-	border-radius: 10px;
+	border-radius: 8px;
 	font-size: 0.7em;
-	padding: 1px 5px;
-	margin: 2px auto;
+	padding: 1px 4px;
+	margin: 1px auto 0;
 	text-align: center;
 	width: fit-content;
 }