[WIP] Implemented PartnerCard Component and Integrated it into Partners Page – Seeking Suggestions

[Asp-irin]

• Please check if the PR fulfills these requirements

• The commit message follows our guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

Which issue(s) this PR fixes:

Fixes #

• What kind of change does this PR introduce?
  This PR enhances the UI by improving the presentation of the partners list, ensuring a clean and theme-aligned design.

• What is the current behavior?
  The partners page currently displays all partners in a table format, which results in poor UX and lacks responsiveness.

Resposive issue:

• What is the new behavior?
  The table has been replaced with a card-based layout, improving both visual appeal and user experience. The new design includes hover animations to enhance interactivity and ensures proper alignment with the current theme. Additionally, a reusable PartnerCard component has been created to promote maintainability and responsiveness across different screen sizes.

Responsive views:

• Does this PR introduce a breaking change?
  No

• Other information:
  Feedback was collected from 10 individuals, and all 10 preferred the card-based layout over the table-based format.

[kubeedge-bot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
To complete the pull request process, please assign fisherxu after the PR has been reviewed.
You can assign the PR to them by writing /assign @fisherxu in a comment when ready.

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[kubeedge-bot]

Welcome @Asp-irin! It looks like this is your first PR to kubeedge/website 🎉

[Asp-irin]

To Do:

• Update the logo links for the existing partners.
• Update the partners documentation to specify the logo requirement and request modifications in the front matter of partners.mdx.
• Confirm with the mentors(@Shelley-BaoYue, @fisherxu and @anvithks) whether the enhancements align with the goal and gather their suggestions for the remaining designs.

[kubeedge-bot]

@Asp-irin: PR needs rebase.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.