redoing paginated canvas requests

nextjs/src/components/icons/CheckIcon.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+
+export default function CheckIcon() {
+  return (
+    <svg className="h-6" viewBox="0 0 24 24" fill="none">
+      <path
+        d="M4 12.6111L8.92308 17.5L20 6.5"
+        stroke="green"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

nextjs/src/components/icons/ExpandIcon.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+
+export default function ExpandIcon({style}: {
+  style?: React.CSSProperties | undefined;
+}) {
+  const size = "24px";
+  return (
+    <svg
+      style={style}
+      
+      width={size}
+      height={size}
+      viewBox="0 0 17 17"
+      version="1.1"
+      className="si-glyph si-glyph-triangle-left transition-all ms-1"
+    >
+      <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+        <path
+          d="M3.446,10.052 C2.866,9.471 2.866,8.53 3.446,7.948 L9.89,1.506 C10.471,0.924 11.993,0.667 11.993,2.506 L11.993,15.494 C11.993,17.395 10.472,17.076 9.89,16.495 L3.446,10.052 L3.446,10.052 Z"
+          className="si-glyph-fill"
+          style={{
+            fill: "rgb(148 163 184 / var(--tw-text-opacity))",
+          }}
+        ></path>
+      </g>
+    </svg>
+  );
+}