💄(frontend) made pdf icons and text consistent with blocknote style

To keep consistency I am using same classname as blocknote for icon and filename

Signed-off-by: dakshesh14 <65905942+dakshesh14@users.noreply.github.com>

Author: dakshesh14

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

@@ -55,14 +55,15 @@ export const PdfBlock = createReactBlockSpec(
                 <Box
                   $display="flex"
                   $align="center"
-                  $justify="center"
+                  className="bn-file-name-with-icon"
                   $direction="row"
                   $gap="1rem"
                 >
-                  <Icon iconName="picture_as_pdf" $size="18px" />
+                  <Icon iconName="picture_as_pdf" className="btn-file-icon" />
                   <Box
                     as="p"
                     $display="inline-block"
+                    className="bn-file-name"
                     style={{
                       textOverflow: 'ellipsis',
                       whiteSpace: 'nowrap',