💄(frontend) fix gap and alignment icons

Fix some gaps and alignment of the icons.

Author: AntoLC

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/PdfBlock.tsx

@@ -44,7 +44,13 @@ export const PdfBlock = createReactBlockSpec(
         <Box ref={contentRef} className="bn-file-block-content-wrapper">
           <PDFBlockStyle />
           <ResizableFileBlockWrapper
-            buttonIcon={<Icon iconName="upload" />}
+            buttonIcon={
+              <Icon
+                iconName="upload"
+                $size="24px"
+                $css="line-height: normal;"
+              />
+            }
             block={block}
             editor={editor as unknown as FileBlockEditor}
             buttonText={t('Add PDF')}

src/frontend/apps/impress/src/features/docs/doc-header/components/AlertNetwork.tsx

@@ -24,7 +24,7 @@ export const AlertNetwork = () => {
           $padding="xs"
           $flex={1}
           $align="center"
-          $gap={spacingsTokens['3xs']}
+          $gap={spacingsTokens['2xs']}
           $css={css`
             border: 1px solid var(--c--theme--colors--warning-300);
           `}

src/frontend/apps/impress/src/features/docs/doc-header/components/AlertPublic.tsx

@@ -18,7 +18,7 @@ export const AlertPublic = ({ isPublicDoc }: { isPublicDoc: boolean }) => {
       $padding="xs"
       $flex={1}
       $align="center"
-      $gap={spacingsTokens['3xs']}
+      $gap={spacingsTokens['2xs']}
       $css={css`
         border: 1px solid var(--c--theme--colors--primary-300, #e3e3fd);
       `}

src/frontend/apps/impress/src/features/docs/doc-header/components/AlertRestore.tsx

@@ -91,7 +91,7 @@ export const AlertRestore = ({ doc }: { doc: Doc }) => {
           $size="18px"
           variant="symbols-outlined"
         />
-        <Text $theme="danger" $variation="600" $size="s">
+        <Text $theme="danger" $variation="600" $size="s" $css="line-height:1;">
           {t('Restore')}
         </Text>
       </BoxButton>