Project: styled-components
Task (moderate): 1) Create three pages: components/AddBlog.tsx (with h1 'Add Blog'), components/ReadBlogs.tsx (with h1 'Read Blogs'), components/ThemePage.tsx (with h1 'Theme') 2) Render pages in Main.tsx, only one page is visible to User at one time 3) When click 'Add Blog', switch to show AddBlog.tsx, when click 'Read Blogs', switch to show ReadBlogs.tsx, when click 'Theme', switch to show ThemePage.tsx 4) When No Button in Header Clicked, shows 'Welcome to Blog System' by default 5) Constraint: use styled-components to set the appealing style