Small layout adjustments and form errors in partial outsourced

app/views/categories/new.html.erb

@@ -1,5 +1,30 @@
-<% content_for :title, "Neue Kategorie erstellen" %>
+<% content_for :title, "Kategorien anlegen" %>
 
-<div class="p-4 md:p-6">
-  <%= render "form", category: @category %>
+<% content_for :top_bar_actions do %>
+  <%= link_to rooms_path, class: "py-2 px-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 flex items-center gap-1.5 shadow-sm transition" do %>
+    <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /></svg>
+    <div class="hidden md:inline">
+      Zurück zur Übersicht
+    </div>
+  <% end %>
+<% end %>
+
+<div class="max-w-xl mx-auto mt-4">
+  <div class="bg-white border border-gray-200 rounded-xl shadow-sm p-4 md:p-6">
+    
+    <div class="flex items-center gap-3 mb-6 pb-4 border-b border-gray-100 text-gray-500">
+      <div class="p-2 bg-blue-50 text-blue-600 rounded-lg border border-blue-100">
+        <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+        </svg>
+      </div>
+      <div>
+        <h3 class="font-bold text-gray-900 text-base">Kategorie erstellen</h3>
+        <p class="text-xs text-gray-400">Definiere einen neuen Hardware-Typ für deine Bestandsliste.</p>
+      </div>
+    </div>
+
+    <%= render "form", category: @category %>
+
+  </div>
 </div>