fix: various bugs with v33 re cine and colors (#3052)

* fix various bugs

* feat: initial work for debug page

* change throw to console error for color lookup table

* update packages

* apply review

* apply review comments

platform/ui/src/components/Button/Button.tsx

@@ -44,9 +44,12 @@ const variants = {
       'text-primary-main hover:opacity-80 active:opacity-100 focus:opacity-80',
     secondary:
       'text-secondary-light hover:opacity-80 active:opacity-100 focus:opacity-80',
-    white: 'text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
-    black:
+    translucent:
+      'text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
+    white:
       'text-black hover:bg-primary-main focus:bg-primary-main hover:border-black focus:border-black',
+    black:
+      'text-white hover:bg-primary-main focus:bg-primary-main hover:border-black focus:border-black',
     primaryActive:
       'text-primary-active hover:opacity-80 active:opacity-100 focus:opacity-80',
     primaryLight:

platform/ui/src/components/StudyListPagination/StudyListPagination.tsx

@@ -59,7 +59,7 @@ const StudyListPagination = ({
                 <Button
                   size="initial"
                   className="px-4 py-2 text-base"
-                  color="white"
+                  color="translucent"
                   border="primary"
                   variant="outlined"
                   onClick={() => navigateToPage(1)}
@@ -69,7 +69,7 @@ const StudyListPagination = ({
                 <Button
                   size="initial"
                   className="py-2 px-2 text-base"
-                  color="white"
+                  color="translucent"
                   border="primary"
                   variant="outlined"
                   onClick={() => navigateToPage(currentPage - 1)}
@@ -79,7 +79,7 @@ const StudyListPagination = ({
                 <Button
                   size="initial"
                   className="py-2 px-4 text-base"
-                  color="white"
+                  color="translucent"
                   border="primary"
                   variant="outlined"
                   onClick={() => navigateToPage(currentPage + 1)}