Improve mobile responsiveness and add scroll-to-top functionality

- Fix header layout to stack vertically on mobile and prevent text overflow
- Reduce table padding on mobile screens for better space utilization
- Make color swatches and text smaller on mobile devices
- Hide bullet separator on mobile for cleaner layout
- Add scroll-to-top when editing or adding filaments in admin
- Ensure all UI elements fit properly on iPhone screens

app/upadaj/dashboard/page.tsx

@@ -322,7 +322,10 @@ export default function AdminDashboard() {
                 <div className="flex flex-wrap gap-2 sm:gap-4 w-full sm:w-auto">
                   {!showAddForm && !editingFilament && (
                     <button
-                      onClick={() => setShowAddForm(true)}
+                      onClick={() => {
+                        setShowAddForm(true);
+                        window.scrollTo({ top: 0, behavior: 'smooth' });
+                      }}
                       className="flex-1 sm:flex-initial px-3 sm:px-4 py-2 bg-green-500 text-white rounded hover:bg-green-600 text-sm sm:text-base"
                     >
                       Dodaj novi
@@ -567,6 +570,7 @@ export default function AdminDashboard() {
                       onClick={() => {
                         setEditingFilament(filament);
                         setShowAddForm(false);
+                        window.scrollTo({ top: 0, behavior: 'smooth' });
                       }}
                       className="text-blue-600 dark:text-blue-400 hover:text-blue-900 dark:hover:text-blue-300 mr-3"
                       title="Izmeni"