chore: update and tweak community page

[jobenjada]

1. added contributor images:

2. updated content
3. added CTA at bottom

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Ignored Deployments

Name	Status	Preview	Updated (UTC)
formbricks-cloud	⬜️ Ignored (Inspect)		Jan 23, 2024 9:02pm
formbricks-com	⬜️ Ignored (Inspect)		Jan 23, 2024 9:02pm

[github-actions]

Thank you for following the naming conventions for pull request titles! 🙏

[review-agent-prime]

apps/formbricks-com/pages/community/Roadmap.tsx

Instead of repeating the className attribute in each JSX element, you can define a constant for the common classes and use it in the JSX elements. This will make the code cleaner and easier to maintain.
Create Issue
See the diff
Checkout the fix

    const commonClasses = "group mb-2 flex max-w-fit items-center justify-between rounded-xl border border-slate-200 bg-slate-100 px-6 py-3 text-slate-700 transition-all hover:scale-105 hover:border-slate-300 hover:bg-slate-200";

    return (
      <div className={commonClasses}>
        ...
      </div>
    );

git fetch origin && git checkout -b ReviewBot/Impro-l4tig6p origin/ReviewBot/Impro-l4tig6p

React.memo is a higher order component. It's similar to React.PureComponent but for function components instead of classes. If your component renders the same result given the same props, you can wrap it in a call to React.memo for a performance boost in some cases by memoizing the result. This means that React will skip rendering the component, and reuse the last rendered result.
Create Issue
See the diff
Checkout the fix

    export const Roadmap = React.memo(({ data }) => {
      ...
    });

git fetch origin && git checkout -b ReviewBot/Impro-n7zgdx5 origin/ReviewBot/Impro-n7zgdx5