Project: redux
Task (easy): 1) An API is prepared, here is the docs of API:
GET /api/blogs
<response_definition>
  interface Response {
    blogs: { title: string; detail:string; }[];
  }
</response_definition>
<response_example>
{
    blogs: [
      { title: 'XXX', detail: 'XXX' },
    ],
  }
</response_example>
2) In models/blog.ts, use createAsyncThunk from @reduxjs/toolkit to fetch data from API and update the Blog List data in store.
3) When App.tsx mounted, dispatch action to start fetching blogs.
4) When API is fetching, show 'Blog is loading' in App.tsx
5) Notice: When Initial Blog is fetching, Header is always visible but 'Add Blog' button should be disabled.