Took Database layout changes into account in frontend pages

src/HopFrame.Web/Components/Administration/GroupAddModal.razor

@@ -177,7 +177,8 @@
         }
         
         _group.Permissions.Add(new Permission {
-            PermissionName = _permissionToAdd
+            PermissionName = _permissionToAdd,
+            GrantedAt = DateTime.Now
         });
 
         _permissionToAdd = null;
@@ -255,7 +256,12 @@
             return;
         }
 
-        await Groups.CreatePermissionGroup(_group);
+        await Groups.CreatePermissionGroup(new PermissionGroup {
+            Description = _group.Description,
+            IsDefaultGroup = _group.IsDefaultGroup,
+            Permissions = _group.Permissions,
+            Name = "group." + _group.GroupName
+        });
         
         if (ReloadPage is not null)
             await ReloadPage.Invoke();

src/HopFrame.Web/Components/Administration/UserEditModal.razor

@@ -57,7 +57,7 @@
                                 <option selected>Select group</option>
 
                                 @foreach (var group in _allGroups) {
-                                    @if (_userGroups.All(g => g.Name != group.Name)) {
+                                    @if (_userGroups?.All(g => g.Name != group.Name) == true) {
                                         <option value="@group.Name">@group.Name.Replace("group.", "")</option>
                                     }
                                 }
@@ -125,7 +125,7 @@
         }
         
         _user = user;
-        _userGroups = _user.Permissions.Where(p => p.PermissionName.StartsWith("group.")).Select(p => p.Group).ToList();
+        _userGroups = await Groups.GetUserGroups(user);
         _allGroups = await Groups.GetPermissionGroups();
         await _modal.ShowAsync();
     }