AccountPage layout and local storage functionality

Pages/AccountPage.razor

@@ -14,25 +14,25 @@
         </div>
         <div class="row no-gutters align-items-center w-100">
             <div class="col-12">
-                <MatStringField Class="w-100" Label="Address" Outlined="true"></MatStringField>
+                <MatStringField Class="w-100" Label="Address" Outlined="true" type="text" @bind-Value="@State.Address"></MatStringField>
             </div>
         </div>
         <div class="row no-gutters align-items-center w-100">
             <div class="col-4" style="padding-right:0.5em">
-                <MatStringField Class="w-100" Label="Zip" Outlined="true"></MatStringField>
+                <MatStringField Class="w-100" Label="Zip" Outlined="true" type="text" @bind-Value="@State.Zip"></MatStringField>
             </div>
             <div class="col-8" style="padding-left:0.5em">
-                <MatStringField Class="w-100" Label="City" Outlined="true"></MatStringField>
+                <MatStringField Class="w-100" Label="City" Outlined="true" type="text" @bind-Value="@State.City"></MatStringField>
             </div>
         </div>
         <div class="row no-gutters align-items-center w-100">
             <div class="col-12">
-                <MatStringField Class="w-100" Label="Phone" Outlined="true"></MatStringField>
+                <MatStringField Class="w-100" Label="Phone" Outlined="true" type="text" @bind-Value="@State.Phone"></MatStringField>
             </div>
         </div>
         <div class="row no-gutters align-items-center w-100">
             <div class="col-12">
-                <MatStringField Class="w-100" Label="E-Mail" Outlined="true"></MatStringField>
+                <MatStringField Class="w-100" Label="E-Mail" Outlined="true" type="text" @bind-Value="@State.Email"></MatStringField>
             </div>
         </div>
     </div>

Shared/UserData.cs

@@ -6,22 +6,20 @@ namespace CaritasPWA.Shared {
     public class UserData : INotifyPropertyChanged {
         private string firstname;
         private string lastname;
+        private string address;
+        private string zip;
+        private string city;
+        private string phone;
+        private string email;
 
-        public string Firstname {
-            get => firstname; 
-            set {
-                firstname = value;
-                RaisePropertyChanged();
-            }
-        }
 
-        public string Lastname {
-            get => lastname; 
-            set {
-                lastname = value;
-                RaisePropertyChanged();
-            }
-        }
+        public string Firstname { get => firstname; set { firstname = value; RaisePropertyChanged(); } }
+        public string Lastname { get => lastname; set { lastname = value; RaisePropertyChanged(); } }
+        public string Email { get => email; set { email = value; RaisePropertyChanged(); } }
+        public string Address { get => address; set { address = value; RaisePropertyChanged(); }}
+        public string Zip { get => zip; set { zip = value; RaisePropertyChanged(); } }
+        public string City { get => city; set { city = value; RaisePropertyChanged(); } }
+        public string Phone { get => phone; set { phone = value; RaisePropertyChanged(); } }
 
         public event PropertyChangedEventHandler PropertyChanged;