fix(core): adjust some uis for sharing (#12486)

fix AF-2660

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

- **Style**
  - Improved visual appearance of sidebar buttons and quick search input, including reduced sizes, updated padding, and enhanced hover effects.
  - Adjusted layout spacing for quick search and new page elements in the sidebar.
  - Updated share button styling to use the primary variant.

- **New Features**
  - Notification cards now only display messages and action footers when relevant, providing a cleaner interface.

- **Refactor**
  - Removed shortcut hint and spotlight elements from the quick search input for a simplified user experience.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

packages/frontend/component/src/ui/notification/desktop/notification-card.tsx

@@ -61,20 +61,24 @@ export const DesktopNotificationCard = ({
             </IconButton>
           </div>
         </header>
-        <main data-align={alignMessage} className={styles.main}>
-          {notification.message}
-        </main>
-        <footer>
-          <FlexWrapper marginTop={8} justifyContent="flex-end" gap="12px">
-            {actions?.map(action => (
-              <NotificationCardAction
-                key={action.key}
-                action={action}
-                onDismiss={onDismiss}
-              />
-            ))}
-          </FlexWrapper>
-        </footer>
+        {notification.message ? (
+          <main data-align={alignMessage} className={styles.main}>
+            {notification.message}
+          </main>
+        ) : null}
+        {actions?.length ? (
+          <footer>
+            <FlexWrapper marginTop={8} justifyContent="flex-end" gap="12px">
+              {actions?.map(action => (
+                <NotificationCardAction
+                  key={action.key}
+                  action={action}
+                  onDismiss={onDismiss}
+                />
+              ))}
+            </FlexWrapper>
+          </footer>
+        ) : null}
       </div>
     </div>
   );