ui(components): New Dialog and Modal components for ui-next (#4772)

Co-authored-by: sedghi <ar.sedghi@gmail.com>

platform/docs/src/css/custom.css

@@ -233,11 +233,6 @@ input[type='number'] {
   -moz-appearance: textfield; /* For Firefox */
 }
 
-.navbar__item {
-  display: flex;
-  align-items: center;
-}
-
 .navbar__item svg {
   margin-right: 5px;
   display: inline-block;
@@ -642,6 +637,7 @@ html[data-theme='dark'] .markdown hr {
 /* Markdown code block styling */
 .markdown pre {
   font-size: 0.9rem;
+  margin-top: 1em;
 }
 
 .theme-code-block {
@@ -725,3 +721,7 @@ a.dropdown__link[href='/3.9/migration-guide/3p8-to-3p9/']::after {
   font-size: 0.9em;
   margin-left: 4px;
 }
+
+li:first-child {
+  margin-top: 0.5em; /* Adjust '1em' to your desired spacing */
+}