user-profile: Fix size, spacing and duplicate title

data/resources/style.css

@@ -346,6 +346,11 @@ crop-circle > .mask {
   border-radius: 9999px;
 }
 
+user-page scrolledwindow > viewport > clamp > box {
+  margin: 12px;
+  border-spacing: 24px;
+}
+
 
 /* Login */
 

src/components/dialogs/user_profile.ui

@@ -2,8 +2,7 @@
 <interface>
   <template class="UserProfileDialog" parent="ToastableDialog">
     <property name="title" translatable="yes">User Profile</property>
-    <property name="content-width">480</property>
-    <property name="content-height">500</property>
+    <property name="content-width">500</property>
     <property name="child-content">
       <object class="GtkStack" id="stack">
         <child>

src/components/user_page.rs

@@ -92,6 +92,8 @@ mod imp {
             Self::bind_template(klass);
             Self::Type::bind_template_callbacks(klass);
 
+            klass.set_css_name("user-page");
+
             klass.install_action_async(
                 "user-page.open-direct-chat",
                 None,

src/components/user_page.ui

@@ -1,13 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <interface>
   <template class="UserPage" parent="AdwNavigationPage">
-    <style>
-      <class name="form-page"/>
-    </style>
     <property name="child">
       <object class="AdwToolbarView">
         <child type="top">
-          <object class="AdwHeaderBar"/>
+          <object class="AdwHeaderBar">
+            <property name="show-title">False</property>
+          </object>
         </child>
         <property name="content">
           <object class="GtkScrolledWindow" id="scrolled_window">