💄(frontend) fix some minor color and style issues

When migrating to the new design system, some
colors and style issues were identified.
This commit addresses these issues by updating
the styles to align with the new design guidelines,
ensuring a consistent and visually appealing
user experience.

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/AIButton.tsx

@@ -108,7 +108,7 @@ export function AIGroupButton() {
           data-test="ai-actions"
           label="AI"
           mainTooltip={t('AI Actions')}
-          icon={<Icon iconName="auto_awesome" $size="l" />}
+          icon={<Icon iconName="auto_awesome" $size="md" />}
         />
       </Components.Generic.Menu.Trigger>
       <Components.Generic.Menu.Dropdown

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/MarkdownButton.tsx

@@ -94,6 +94,7 @@ export function MarkdownButton() {
             font-family: var(--c--globals--font--families--base);
           `}
           $weight="bold"
+          $size="sm"
         >
           M
         </Text>

src/frontend/apps/impress/src/features/docs/doc-editor/components/comments/styles.tsx

@@ -11,7 +11,7 @@ export const cssComments = (
       .bn-thread-mark:not([data-orphan='true']),
       .bn-thread-mark-selected:not([data-orphan='true']) {
         background: ${canSeeComment ? '#EDB40066' : 'transparent'};
-        color: var(--c--globals--colors--greyscale-700);
+        color: var(--c--globals--colors--gray-700);
       }
     }
 
@@ -54,7 +54,7 @@ export const cssComments = (
         & .bn-editor {
           padding-left: var(--c--globals--spacings--lg);
           .bn-inline-content {
-            color: var(--c--globals--colors--greyscale-700);
+            color: var(--c--globals--colors--gray-700);
           }
         }
 
@@ -65,7 +65,7 @@ export const cssComments = (
             padding: var(--c--globals--spacings--0)
               var(--c--globals--spacings--st);
             background: none;
-            border: 1px solid var(--c--globals--colors--greyscale-300);
+            border: 1px solid var(--c--globals--colors--gray-300);
             border-radius: var(--c--globals--spacings--st);
             height: var(--c--globals--spacings--md);
           }
@@ -103,12 +103,12 @@ export const cssComments = (
               background-color: transparent;
 
               &:hover {
-                background-color: var(--c--globals--colors--greyscale-100);
+                background-color: var(--c--globals--colors--gray-100);
               }
             }
 
             button[role='menuitem'] svg {
-              color: var(--c--globals--colors--greyscale-600);
+              color: var(--c--globals--colors--gray-600);
             }
           }
 
@@ -137,7 +137,7 @@ export const cssComments = (
 
               &[data-test='cancel'] {
                 background: white;
-                border: 1px solid var(--c--globals--colors--greyscale-300);
+                border: 1px solid var(--c--globals--colors--gray-300);
                 color: var(--c--globals--colors--info-600);
               }
             }
@@ -186,13 +186,14 @@ export const cssComments = (
             padding: var(--c--globals--spacings--0);
 
             &:disabled {
-              background: var(--c--globals--colors--greyscale-300);
+              background: var(--c--globals--colors--gray-300);
             }
 
             & .mantine-Button-label::before {
-              content: '🡡';
-              font-size: 13px;
-              color: var(--c--globals--colors--greyscale-100);
+              content: 'arrow_upward_alt';
+              font-family: 'Material Symbols Outlined Variable', sans-serif;
+              font-size: 18px;
+              color: var(--c--globals--colors--gray-100);
             }
           }
         }

src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx

@@ -8,7 +8,7 @@ export const cssEditor = css`
   }
 
   & .bn-editor {
-    color: var(--c--globals--colors--greyscale-700);
+    color: var(--c--globals--colors--gray-700);
   }
 
   /**
@@ -127,7 +127,7 @@ export const cssEditor = css`
     font-size: 1.25rem;
   }
   a {
-    color: var(--c--globals--colors--greyscale-600);
+    color: var(--c--globals--colors--gray-600);
     cursor: pointer;
   }
   .bn-block-group