Improve UI and UX of models page based on sketch

[shuguang-lv]

The styles, layout and UI components of models page (src/views/TrainModel.vue in Git branch model) needs to be polished based on the sketch. To achieve the effects (UI and interactivity) in the sketch, CSS flexbox layout, Vuetify components and other necessary state variables (Vue reactive states) should be configured properly.

current version

sketch

Useful resources:

• Vue: https://v2.vuejs.org/v2/guide/
• Vuetify components: https://v2.vuetifyjs.com/en/components/buttons/
• Vuetify flex layout: https://v2.vuetifyjs.com/en/styles/flex/
• Vuetify spacing: https://v2.vuetifyjs.com/en/styles/spacing/
• Vuetify typography: https://v2.vuetifyjs.com/en/styles/text-and-typography/
• Material design icons: https://pictogrammers.com/library/mdi/

[AmithBino]

The page is looking exactly as the sketch, what u need to polish in the page.
i can try this out