style template show page

app/views/shared/_clipboard_copy.html.erb

@@ -0,0 +1,17 @@
+<clipboard-copy data-text="<%= text %>">
+  <label class="<%= local_assigns[:class] %>">
+    <input type="radio" class="peer hidden">
+    <span class="peer-checked:hidden flex items-center space-x-2">
+      <%= svg_icon('link', class: local_assigns[:icon_class] || 'w-6 h-6 text-white') %>
+      <span>
+        <%= local_assigns[:copy_title] || 'Copy' %>
+      </span>
+    </span>
+    <span class="hidden peer-checked:flex items-center space-x-2">
+      <%= svg_icon('clipboard_copy', class: local_assigns[:icon_class] || 'w-6 h-6 text-white') %>
+      <span>
+        <%= local_assigns[:copied_title] || 'Copied' %>
+      </span>
+    </span>
+  </label>
+</clipboard-copy>

app/views/shared/_navbar.html.erb

@@ -7,7 +7,7 @@
     <div class="space-x-6">
       <%= link_to 'Settings', settings_profile_index_path, class: 'font-medium text-lg' %>
       <div class="dropdown dropdown-end z-50">
-        <label tabindex="0" class="cursor-pointer bg-base-content text-purple-300 rounded-full w-8 p-2">
+        <label tabindex="0" class="cursor-pointer bg-base-content text-purple-300 rounded-full p-2 w-9 justify-center flex">
           <span class="text-sm align-text-top"><%= current_user.initials %></span>
         </label>
         <ul tabindex="0" class="dropdown-content p-2 mt-2 shadow menu text-base bg-base-100 rounded-box whitespace-nowrap">

app/views/shared/_no_data_banner.html.erb

@@ -1,7 +1,7 @@
 <div class="card bg-base-200">
   <div class="card-body text-center">
     <div class="max-w-md mx-auto">
-      <h1 class="text-4xl font-semibold text-gray-700 mb-4">Nothing to display</h1>
+      <p class="text-4xl font-semibold text-gray-700 mb-4">Nothing to display</p>
       <p class="text-gray-500">We apologize, but currently there is no data available to be displayed. You can try adding new entries or refreshing the page to see if any data becomes available.</p>
     </div>
   </div>