refactoring

src/App.css

@@ -116,6 +116,11 @@ pre {
   button {
     width: 100%;
   }
+
+  .dashboard-summary-card {
+    position: static;
+    top: auto;
+  }
 }
 
 @keyframes dashboard-row-glow {
@@ -136,3 +141,9 @@ pre {
 .dashboard-row-highlight {
   animation: dashboard-row-glow 2.5s ease forwards;
 }
+
+.dashboard-summary-card {
+  position: sticky;
+  top: 1rem;
+  z-index: 10;
+}

src/components/DashboardView.js

@@ -95,7 +95,7 @@ const DashboardView = ({
   return (
     <div className="p-4 max-w-6xl mx-auto bg-white shadow-lg rounded-lg mt-4">
       <h1 className="text-2xl font-bold mb-4 text-center text-gray-800">Foodsharing Pickup Manager</h1>
-      <div className="bg-blue-50 border border-blue-100 rounded-lg p-4 mb-4 sticky top-4 z-10 shadow">
+      <div className="dashboard-summary-card bg-blue-50 border border-blue-100 rounded-lg p-4 mb-4 shadow">
         <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
           <div>
             <p className="text-sm uppercase text-blue-600 font-semibold">Angemeldet</p>