refactor(CalendarIntro): improve text clarity and adjust styles for better layout

refactor(Calendar): update date panel height and calendar margin for improved spacing
refactor(styles): refine SCSS styles for consistency and readability

Author: Ali-Sdg90

src/assets/scss/components/_calendar-intro.scss

@@ -1,19 +1,20 @@
 .calendar-intro {
     margin: 0 60px;
     border: 1px solid var(--calendar-border-color);
-    border-radius: 12px;
-    background:
-        linear-gradient(
-            115deg,
-            rgba(76, 205, 153, 0.12),
-            rgba(47, 111, 237, 0.08)
-        ),
-        var(--bg-color);
+    border-radius: 10px;
+    // background:
+    //     linear-gradient(
+    //         115deg,
+    //         rgba(76, 205, 153, 0.12),
+    //         rgba(47, 111, 237, 0.08)
+    //     ),
+    //     var(--bg-color);
+    background: rgba(42, 107, 237, 0.08);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
     direction: rtl;
 
     .ant-card-body {
-        padding: 12px 16px;
+        padding: 10px 16px;
     }
 }
 
@@ -25,7 +26,6 @@
     margin-bottom: 2px !important;
     color: var(--muted-text-color, rgba(107, 114, 128, 0.9));
     font-size: 14px;
-    line-height: 18px;
 
     a {
         font-weight: 600;

src/assets/scss/components/_cs-calendar.scss

@@ -13,8 +13,8 @@
 }
 
 .ant-picker-date-panel {
-    max-height: calc(100vh - 268px) !important;
-    max-height: calc(100svh - 268px) !important;
+    max-height: calc(100vh - 340px) !important;
+    max-height: calc(100svh - 340px) !important;
     overflow-y: auto !important;
 }
 
@@ -45,7 +45,7 @@ thead {
 }
 
 .ant-picker-calendar {
-    margin: 0 60px;
+    margin: 0 60px 30px;
     border-radius: 10px;
     overflow: hidden;
     border: 1px solid var(--calendar-border-color);

src/assets/scss/index.scss

@@ -22,6 +22,7 @@ body {
     min-width: 780px;
     background-color: var(--bg-color);
     color: var(--text-color);
+    // user-select: none;
 }
 
 ::-webkit-scrollbar {

src/components/CalendarIntro.jsx

@@ -12,9 +12,9 @@ const CalendarIntro = () => {
                 className="calendar-intro__body"
             >
                 <Paragraph className="calendar-intro__paragraph">
-                    این تقویم، مرجع رسمی زمان‌بندی جلسات پرسش‌وپاسخ مراحل ورود
-                    به برنامه CS Internship است و ساختار برگزاری جلسات گروه صف
-                    را در طول هفته نمایش می‌دهد.
+                    این تقویم مرجع رسمی زمان‌بندی جلسات پرسش‌وپاسخ مراحل ورود به
+                    برنامه CS Internship است و ساختار برگزاری جلسات گروه صف را
+                    در طول هفته نمایش می‌دهد.
                 </Paragraph>
                 <Paragraph className="calendar-intro__paragraph">
                     برای آشنایی با فرایند ورود، می‌توانید پیام پین‌شده‌ی توضیحات

src/constants/events.js

@@ -1,29 +1,29 @@
 export const events = [
     {
         title: "جلسه مرحله سوم",
-        color: "#3BB273",
+        color: "#4AA37C", // 63C29A
         fullName: "پرسش‌وپاسخ داکیومنت فرآیند‌های برنامه CS Internship",
         link: "https://teams.microsoft.com/l/meetup-join/19%3A92b6afa889824abe96a1cfa45204209a%40thread.tacv2/1748521847152?context=%7B%22Tid%22%3A%2224fbf492-43a9-4a8f-ba7b-6f12fa9b8d87%22%2C%22Oid%22%3A%223e1989b9-3427-4202-986e-e2a62f053845%22%7D",
         resource:
             "https://github.com/cs-internship/cs-internship-spec/blob/master/processes/documents/CS%20Internship%20Prerequisites%20and%20Main%20Processes%20--fa.md",
     },
     {
         title: "جلسه مرحله دوم",
-        color: "#5D6EF5",
+        color: "#6C7BEA", // 8D97FF
         fullName: "پرسش‌وپاسخ فیلم معرفی برنامه‌ CS Internship",
         link: "https://teams.microsoft.com/l/meetup-join/19%3A92b6afa889824abe96a1cfa45204209a%40thread.tacv2/1748521728714?context=%7B%22Tid%22%3A%2224fbf492-43a9-4a8f-ba7b-6f12fa9b8d87%22%2C%22Oid%22%3A%223e1989b9-3427-4202-986e-e2a62f053845%22%7D",
         resource:
             "https://drive.google.com/file/d/1HmBSP01EdYrL841hELM0hVfX2E3hprzx/view?usp=sharing",
     },
     {
         title: "جلسه مصاحبه",
-        color: "#FFB020",
+        color: "#E5A93B", // F1C15A
         fullName: "جلسه مصاحبه ورود به برنامه",
         link: "",
     },
     {
         title: "جلسه مرحله اول",
-        color: "#F35E7F",
+        color: "#E46C86", // FF88A3
         fullName: "پرسش‌وپاسخ داکیومنت CS Internship Overview",
         link: "https://teams.microsoft.com/l/meetup-join/19%3A92b6afa889824abe96a1cfa45204209a%40thread.tacv2/1748716646151?context=%7B%22Tid%22%3A%2224fbf492-43a9-4a8f-ba7b-6f12fa9b8d87%22%2C%22Oid%22%3A%223e1989b9-3427-4202-986e-e2a62f053845%22%7D",
         resource: