These are my codes for an adviser 'mypage'. I want to make a few adjustments but not sure how. Below are the adjustments.

$1)$ There are few fetched roles data but it's displayed without space. For example : "studentadminadviser" $.$ I want it to be displayed as $"$ Student Admin Adviser" $,$ begins with capital letter for each roles, space and also to be in a simple sky blue box.

$2)$ After selecting the available times, interested field, language, and photo. I want the user to be able to submit it and update the information. And after the update, i want the submitted datas to be displayed under the profile information $.$ The user can also edit these information$($available times, field, language, photo only$)$ and resubmit it if the user wants to change something. For example $->$

Roles $=[$Student$][$Admin$][$Adviser$]$

Consulting day and times $=$ Monday $10$:$0011$:$0012$:$00$

Tuesday $10$:$0011$:$0012$:$00$

Interested Field : Software

Consultation Language : English, Chinese