Configure Layouts

[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
• file: pages/index.tsx

• UserProfile
• file pages/profile/[pid].tsx

• Organization
• file: pages/organization/[pid].tsx

• Article
• file: pages/article/[pid].tsx

• UserDashboard
• file: pages/user/[pid].tsx

• Settings
• file: This can be more of a component used within the user dashboard 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/