Add "Generated with mmmotivator.com" footer below the grid with a clickable link, top/bottom padding for PNG export, and a unit test for the footer

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

Author: nolar

e2e/visual.spec.ts-snapshots/full-page-darwin.png

@@ -119,6 +119,22 @@ describe("WeekGrid", () => {
     expect(yearCells.length).toBeGreaterThan(0);
   });
 
+  it("renders the footer with a link to mmmotivator.com", () => {
+    render(
+      <WeekGrid
+        birthdate={birthdate}
+        totalYears={2}
+        periods={periods}
+        colorMap={colorMap}
+        dates={[]}
+      />
+    );
+    const link = screen.getByRole("link", { name: "mmmotivator.com" });
+    expect(link).toBeInTheDocument();
+    expect(link).toHaveAttribute("href", "https://mmmotivator.com");
+    expect(link).toHaveClass("text-black", "underline");
+  });
+
   it("does not render stars when dates array is empty", () => {
     const { container } = render(
       <WeekGrid

e2e/visual.spec.ts-snapshots/full-page-linux.png

@@ -53,7 +53,7 @@ const WeekGrid = forwardRef<HTMLDivElement, WeekGridProps>(function WeekGrid({
   }, [dates, birthdate, totalYears]);
 
   return (
-    <div ref={ref} className="overflow-x-auto">
+    <div ref={ref} className="overflow-x-auto pt-4 pb-4">
       <div className="inline-grid gap-px" style={{ gridTemplateColumns: `5ch 1ch repeat(52, 1fr) 5ch` }}>
         {/* Title row */}
         <div className="col-span-2" />
@@ -140,6 +140,13 @@ const WeekGrid = forwardRef<HTMLDivElement, WeekGridProps>(function WeekGrid({
             </>
           );
         })}
+
+        {/* Footer */}
+        <div className="col-span-2" />
+        <div className="col-span-52 text-right">
+          <span className="text-[10px] text-black" style={{ fontFamily: "Verdana" }}>Generated with <a href="https://mmmotivator.com" className="text-black underline">mmmotivator.com</a></span>
+        </div>
+        <div />
       </div>
     </div>
   );