feat(core): web-clipper integration entrance (#11883)

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

## Summary by CodeRabbit

- **New Features**
  - Introduced a new "Web Clipper" integration, allowing users to import web pages into AFFiNE via a direct link to the Chrome Web Store.
- **Improvements**
  - Integration cards can now display as clickable links or settings panels, depending on the integration.
- **Localization**
  - Added English translations for the "Web Clipper" integration name and description.
- **Style**
  - Improved card styling to ensure consistent text color, including for visited links.

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

packages/frontend/i18n/src/i18n.gen.ts

@@ -7415,6 +7415,14 @@ export function useAFFiNEI18N(): {
       * `Integrations`
       */
     ["com.affine.integration.integrations"](): string;
+    /**
+      * `Web Clipper`
+      */
+    ["com.affine.integration.web-clipper.name"](): string;
+    /**
+      * `Import web pages to AFFiNE`
+      */
+    ["com.affine.integration.web-clipper.desc"](): string;
     /**
       * `Elevate your AFFiNE experience with diverse add-ons and seamless integrations.`
       */

packages/frontend/i18n/src/resources/en.json

@@ -1854,6 +1854,8 @@
   "com.affine.failed-to-send-request.description": "Unable to process your request to join <1/> <2>{{workspaceName}}</2> with <3>{{userEmail}}</3>, the workspace has reached its member limit. Please contact the workspace owner for available seats.",
   "com.affine.integration.name.readwise": "Readwise",
   "com.affine.integration.integrations": "Integrations",
+  "com.affine.integration.web-clipper.name": "Web Clipper",
+  "com.affine.integration.web-clipper.desc": "Import web pages to AFFiNE",
   "com.affine.integration.setting.description": "Elevate your AFFiNE experience with diverse add-ons and seamless integrations.",
   "com.affine.integration.setting.learn": "Learn how to develop a integration for AFFiNE",
   "com.affine.integration.readwise.name": "Readwise",