Full redesign of user profile

app/View/Components/Profile/UserDetail.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\View\Components\Profile;
+
+use Illuminate\View\Component;
+
+class UserDetail extends Component
+{
+    public $title;
+
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct($title)
+    {
+        $this->title = $title;
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\Contracts\View\View|\Closure|string
+     */
+    public function render()
+    {
+        return view('components.profile.user-detail');
+    }
+}

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/js/app.js": "/js/app.js?id=60ba6fd513747f500446f42daa77998b",
-    "/css/app.css": "/css/app.css?id=237c08c72d72352b7d4f529ede42fb21"
+    "/css/app.css": "/css/app.css?id=f12f11fc0756a10bb6b30fa8f9d1851d"
 }

resources/views/components/profile/user-detail.blade.php

@@ -0,0 +1,4 @@
+<div class="border-b border-gray-200 dark:border-gray-800 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
+    <dt class="text-sm font-medium text-gray-500 dark:text-gray-200">{{ trans($title) }}</dt>
+    <dd class="mt-1 text-sm text-gray-900 dark:text-gray-300 sm:col-span-2 sm:mt-0">{{ $slot }}</dd>
+</div>