[Epic] Website: Align the design with Figma

[noomorph]

Describe your idea

Detox website's Figma: https://www.figma.com/file/QGhhB7djq0OxvLzULhs7u5/Detox

General

• [Website] Create a kitchen sink page for testing global CSS changes #3807
• [Website] Resolve PR Comments from #3640 #3819
• [Website] Migrate the styles to SCSS #3845
• [Website] Create a visual regression test suite #3838
• [Website] Create global theme for styling components #3820
• [Website] Complete Percy integration with GitHub checks #3935
• [Website] Make footer responsive #3815

Homepage

• [Website] Desktop version of "Social networks" components #3821
• [Website] Homepage CSS Fixes #3809

Showcase

• [Website] Showcase CSS Fixes #3810
• [Website] Showcase Cards CSS Gradient Fixes #3811

Lower priority

General

• [Website] Fix navbar mobile #3818
• [Website] Customize Algolia search component #3822

Homepage

• [Website] Refactor "Detox benefits" component (JSX→MD) #3839
• [Website] Homepage social networks icons responsive (Mobile) #3812
• [Website] Homepage hero banner responsiveness #3813
• [Website] Homepage features margins fixes on mobile #3814

Showcase

• [Website] Showcase hero banner responsiveness (Mobile) #3816
• [Website] Showcase cards margins fixes on mobile #3817