add setup figma access token menu on home

Author: softmarshmallow

editor/components/home/home-side-bar-tree.tsx

@@ -89,6 +89,20 @@ const preset_pages: PresetPage[] = [
       },
     ],
   },
+  {
+    id: "Figma",
+    name: "Figma",
+    path: "",
+    depth: 0,
+    children: [
+      {
+        id: "setup-figma-pat",
+        name: "Set Access Token",
+        path: "/preferences/access-tokens",
+        depth: 1,
+      },
+    ],
+  },
 ];
 
 export function HomeSidebarTree() {

editor/pages/preferences/access-tokens.tsx

@@ -44,8 +44,9 @@ const RootWrapperPreferencesAccessTokens = styled.div`
   flex-direction: column;
   align-items: start;
   gap: 200px;
-  background-color: rgba(255, 255, 255, 1);
+  background-color: white;
   box-sizing: border-box;
+  min-height: 100vh;
   padding: 120px 100px 40px;
 `;
 

editor/pages/preferences/index.tsx

@@ -13,4 +13,5 @@ export default function PreferencesHomePage() {
 
 const _Root = styled.div`
   padding: 24px;
+  background-color: white;
 `;