Merge History into Log Eggs page; update dashboard card order and colors

- Removed standalone History page (history.html); full collection history
  (date filter, edit, delete, totals footer) is now embedded in the Log
  Eggs page below the log form
- Removed History nav link from all pages
- Reordered dashboard stat cards: egg counts → averages → Flock Size →
  cost cards
- Egg count and average cards now use green; Flock Size card uses orange
- Updated README to reflect removed History page, merged log/history
  feature, dashboard card changes, and project structure

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

nginx/html/log.html

@@ -13,7 +13,6 @@
         <ul class="nav-links">
             <li><a href="/">Dashboard</a></li>
             <li><a href="/log">Log Eggs</a></li>
-            <li><a href="/history">History</a></li>
             <li><a href="/flock">Flock</a></li>
             <li><a href="/budget">Budget</a></li>
             <li><a href="/summary">Summary</a></li>
@@ -46,8 +45,24 @@
             </form>
         </div>
 
+        <!-- Date filter -->
+        <div class="card">
+            <div class="filter-bar">
+                <div class="form-group">
+                    <label for="filter-start">From</label>
+                    <input type="date" id="filter-start">
+                </div>
+                <div class="form-group">
+                    <label for="filter-end">To</label>
+                    <input type="date" id="filter-end">
+                </div>
+                <button class="btn btn-primary" onclick="loadHistory()">Filter</button>
+                <button class="btn btn-ghost" onclick="clearFilter()">Clear</button>
+            </div>
+        </div>
+
         <div class="section-header">
-            <h2>Recent Entries</h2>
+            <span class="text-muted" id="result-count"></span>
         </div>
 
         <div class="table-wrap">
@@ -57,11 +72,13 @@
                         <th>Date</th>
                         <th>Eggs</th>
                         <th>Notes</th>
+                        <th></th>
                     </tr>
                 </thead>
-                <tbody id="recent-body">
-                    <tr class="empty-row"><td colspan="3">Loading…</td></tr>
+                <tbody id="history-body">
+                    <tr class="empty-row"><td colspan="4">Loading…</td></tr>
                 </tbody>
+                <tfoot id="history-foot"></tfoot>
             </table>
         </div>
     </main>
@@ -69,5 +86,6 @@
     <script src="/js/api.js?v=3"></script>
     <script src="/js/auth.js?v=3"></script>
     <script src="/js/log.js"></script>
+    <script src="/js/history.js"></script>
 </body>
 </html>