Session + message pagination, SVG favicon, load-more buttons

app/history/page.tsx

@@ -19,7 +19,9 @@ export default function HistoryPage() {
   const [query, setQuery] = useState("");
   const [searching, setSearching] = useState(false);
 
-  const { data: sessionsData, isLoading } = useSessions(30, filter || undefined);
+  const [limit, setLimit] = useState(20);
+  const { data: sessionsData, isLoading } = useSessions(limit, filter || undefined);
+  const hasMore = (sessionsData?.total || 0) > (sessionsData?.items?.length || 0);
   const { data: searchData, isFetching: searchLoading } = useSessionSearch(searching ? query : "");
   const showSearch = searching && query.length >= 2;
 
@@ -107,6 +109,15 @@ export default function HistoryPage() {
               {sessionsData?.items?.length === 0 && (
                 <p className="text-sm py-8 text-center" style={{ color: "var(--text-3)" }}>No sessions found</p>
               )}
+              {hasMore && (
+                <button
+                  onClick={() => setLimit((l) => l + 20)}
+                  className="w-full py-3 mt-2 text-[13px] font-medium rounded-xl transition-colors"
+                  style={{ color: "var(--accent)", background: "var(--accent-dim)" }}
+                >
+                  Load more
+                </button>
+              )}
             </div>
           )}
         </>