refactor(tender-details): enhance translation page tests and layout

- Updated Cypress tests for the tender translation page to improve visibility checks and streamline assertions.
- Refactored test structure to utilize a dedicated function for fetching the visible title heading.
- Adjusted test cases to ensure accurate language switching and URL handling for tender details.
- Improved layout consistency in the translation page by refining element visibility checks and ensuring proper section rendering.

src/css/style.css

@@ -47,48 +47,64 @@
 /* third-party libraries CSS */
 
 .rmdp-wrapper {
-  @apply !shadow-3 dark:!shadow-card;
+  @apply !overflow-hidden !rounded-2xl !border !border-stroke/60 !bg-white/95 !shadow-[0_10px_30px_rgba(16,24,40,0.12)] dark:!border-dark-3/80 dark:!bg-dark-2/95 dark:!shadow-[0_20px_40px_rgba(2,6,23,0.55)];
 }
 
 .rmdp-calendar {
-  @apply !p-6 dark:!bg-gray-dark;
+  @apply !p-5 dark:!bg-transparent;
+}
+
+.rmdp-top-class {
+  @apply !border-b !border-stroke/60 !pb-3 dark:!border-dark-3/80;
 }
 .rmdp-time-picker {
-  @apply dark:!bg-gray-dark;
+  @apply !mt-2 !border-t !border-stroke/60 !pt-3 dark:!border-dark-3/80 dark:!bg-transparent;
 }
 .rmdp-time-picker div input {
-  @apply dark:!bg-gray-dark dark:!text-gray-5;
+  @apply !rounded-lg !border !border-stroke/70 !bg-white !text-dark !shadow-sm focus:!border-primary/70 dark:!border-dark-3/80 dark:!bg-dark-2 dark:!text-gray-5;
 }
 .rmdp-month-picker {
-  @apply dark:!bg-gray-dark;
+  @apply dark:!bg-transparent;
 }
 .rmdp-year-picker {
-  @apply dark:!bg-gray-dark;
+  @apply dark:!bg-transparent;
 }
 
 .rmdp-header-values,
 .rmdp-week-day {
-  @apply dark:!text-white;
+  @apply !font-semibold !text-dark/90 dark:!text-white;
+}
+
+.rmdp-header-values {
+  @apply !text-sm;
+}
+
+.rmdp-week-day {
+  @apply !text-[11px] !uppercase !tracking-[0.08em] !text-dark-5 dark:!text-dark-6;
 }
 
 .rmdp-arrow {
-  @apply dark:!border-white;
+  @apply !border-dark/70 dark:!border-white/90;
 }
 
-.rmdp-arrow:hover {
-  @apply !bg-gray-2 dark:!bg-dark-2;
+.rmdp-arrow-container {
+  @apply !rounded-lg transition-colors duration-200 hover:!bg-gray-2 dark:hover:!bg-dark-3;
 }
 
 .rmdp-day {
-  @apply dark:!text-dark-6;
+  @apply !m-0 !p-0 dark:!text-dark-6;
+}
+
+.rmdp-day span {
+  @apply !h-8 !w-8 !rounded-lg !font-medium;
 }
 
 .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover {
-  @apply !border-gray-2 !bg-gray-2 !text-dark dark:!border-dark-2 dark:!bg-dark-2 dark:!text-white;
+  @apply !border-primary/20 !bg-primary/10 !text-primary dark:!border-primary/30 dark:!bg-primary/20 dark:!text-white;
 }
 
 .rmdp-day.rmdp-today span {
-  @apply !bg-gray-2/70 !text-dark dark:!bg-dark-2/70 dark:!text-white;
+  @apply !border !border-primary/35 !bg-transparent !text-primary dark:!border-primary/45 dark:!bg-transparent dark:!text-primary;
 }
 
 .rmdp-selected span:not(.highlight) {
@@ -97,19 +113,34 @@
 }
 
 .rmdp-day.rmdp-range {
-  @apply !bg-gray-2 !shadow-none dark:!bg-dark-2;
+  @apply !bg-transparent !shadow-none;
   color: inherit !important;
 }
-.rmdp-day.rmdp-range.start {
-  @apply !bg-gray-2 !text-white !shadow-none dark:!bg-dark-2;
-}
-.rmdp-day.rmdp-range.end {
-  @apply !bg-gray-2 !text-white !shadow-none dark:!bg-dark-2;
+.rmdp-day.rmdp-range span {
+  @apply !h-8 !w-full !rounded-none !border-transparent !bg-primary/10 !text-primary dark:!bg-primary/20 dark:!text-white;
 }
 
-.rmdp-day.rmdp-range.start,
-.rmdp-day.rmdp-range.end {
-  @apply !bg-primary;
+.rmdp-day.rmdp-range.start span,
+.rmdp-day.rmdp-range.end span {
+  @apply !h-8 !w-full !border-primary !bg-primary !text-white;
+}
+
+.rmdp-day.rmdp-range.start span {
+  @apply !rounded-l-lg !rounded-r-none;
+}
+
+.rmdp-day.rmdp-range.end span {
+  @apply !rounded-l-none !rounded-r-lg;
+}
+
+.rmdp-day.rmdp-today.rmdp-range.start span,
+.rmdp-day.rmdp-today.rmdp-range.end span,
+.rmdp-day.rmdp-today.rmdp-selected span {
+  @apply !border-primary !bg-primary !text-white;
+}
+
+.rmdp-disabled {
+  @apply !opacity-45;
 }
 .tableCheckbox:checked ~ div span {
   @apply opacity-100;