New flock photo

frontend/src/App.tsx

@@ -1764,7 +1764,7 @@ function App() {
           <section className="hero-card">
             <div>
               <p className="eyebrow">Dashboard</p>
-              <h1>FlockPal dashboard</h1>
+              <img className="dashboard-logo" src={flockPalLandingArt} alt="FlockPal" />
             </div>
           </section>
         ) : null}

frontend/src/index.css

@@ -294,6 +294,13 @@ textarea {
   max-width: 12ch;
 }
 
+.dashboard-logo {
+  display: block;
+  width: min(320px, 100%);
+  height: auto;
+  border-radius: 22px;
+}
+
 .page-tabs {
   display: grid;
   gap: 0.75rem;