Add new admin page (#1947)

* add admin page

* credential + typing fix

* rebase fix

* on add, cleaner buttons

* functional G + Ddrive

* organized auth sections

* update types and remove logs

* ccs -> connectors

* validated formik

* update styling + connector-handling logic

* udpate colors

* separate out hooks + util functions

* update to adhere to rest standards

* remove "todos"

* rebase

* copy + formatting + sidebar

* update statuses + configuration possibilities

* update interfaces to be clearer

* update indexing status page

* formatting

* address backend security + comments

* update font

* fix form routing

* fix hydration error

* add statuses, fix bugs, etc. (squash)

* fix color (squash)

* squash

* add functionality to sidebar

* disblae buttons if deleting

* add color

* minor copy + formatting updates
- on modify credential, close
- update copy for deletion of connectors

* fix build error

* copy

---------

Co-authored-by: Yuhong Sun <yuhongsun96@gmail.com>

web/tailwind-themes/tailwind.config.js

@@ -23,6 +23,10 @@ module.exports = {
       },
 
       keyframes: {
+        "subtle-pulse": {
+          "0%, 100%": { opacity: 0.9 },
+          "50%": { opacity: 0.5 },
+        },
         pulse: {
           "0%, 100%": { opacity: 0.9 },
           "50%": { opacity: 0.4 },
@@ -30,7 +34,7 @@ module.exports = {
       },
       animation: {
         "fade-in-up": "fadeInUp 0.5s ease-out",
-
+        "subtle-pulse": "subtle-pulse 2s ease-in-out infinite",
         pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
       },
 
@@ -64,6 +68,7 @@ module.exports = {
         // background
 
         "background-search": "#ffffff", // white
+        input: "#f5f5f5",
 
         background: "#fafafa", // 50
         "background-100": "#f5f5f5", // neutral-100
@@ -110,6 +115,7 @@ module.exports = {
         "border-light": "#f3f4f6", // gray-100
         "border-medium": "#d1d5db", // gray-300
         "border-strong": "#9ca3af", // gray-400
+        "border-dark": "#525252", // neutral-600
 
         // hover
         "hover-light": "#f3f4f6", // gray-100