Configure Layouts for all pages for mobile, tablet, and desktop

[bryanwong8]

Is your feature request related to a problem? Please describe.
We need to create mobile, tablet, and mobile layout for the Explore, Profile, Organization, Write a Blog, User Dashboard and Setting page.

Describe the solution you'd like
Should implement each page with different layouts.

Figma Design

• Explore

• UserProfile

• Organization

• Article

• UserDashboard

• Settings

Component Details

• Each page should be its own file in the /src/components/pages
• Should use the Ant Design Grid and Layout components:
  • https://ant.design/components/grid/
  • https://ant.design/components/layout/

[JersinFong]

should I come up with a layout by myself for tablet and mobile or I can find them in Figma?

[bryanwong8]

For the tablet, we should use two columns from the grid while the mobile view should be in one column