feat: benefits section implementation

[ztest95]

about this pr:
b78f7df

• cards.tsx is from shadcn, but with dashed border to follow the card component design we have
• featurecards.tsx build on top of cards.tsx, and this is the one on used on benefits section
• decided to just opt with a simple dashed border, instead of using two divs, even though it is not as accurate as the one in figma (length of dash) as I also couldn't really make the other solution perfect for different screens
• icons (svgs) in the feature cards are added as react components

4eb71d9

• changed to w-full instead of w-screen as this caused a horizontal scroll
• updated layout to fix bg color not covering entire screen on xl screens