Project: mobx
Task (easy): 1) Create a appealing BlogList component that accepts an array of blogs as props and displays the titles in div elements with the className 'list-item'.
2) Create stores/blog.ts, use MobX to create a store with blog data, initialState is: 
```
{ blogs: [{title: 'Morning', detail: 'Morning My Friends'}, {title: 'Travel', detail: 'I love traveling!'}] }
```
2) In Main.tsx, render BlogList with the data from the store (by using observer in mobx-react-lite to auto update the BlogList when the blog data changes)
3) Position BlogList on the left side of Main.tsx with a width of 300px; each blog item should have a height of 40px and a border-box layout. 
4) Only One Blog.tsx occupies the remaining space of Main.tsx. The content of Blog.tsx should be the first item of blog list.