Add a documentation link and update the bottom section of the Intro view

Author: robertpiosik

packages/ui/src/styles/global.scss

@@ -22,6 +22,10 @@ button {
   font-family: inherit;
 }
 
+a {
+  text-decoration: none;
+}
+
 a:focus {
   outline: none;
 }

packages/vscode/src/view/frontend/intro/Intro/Intro.module.scss

@@ -5,8 +5,7 @@
   align-items: center;
   height: 100vh;
   width: 100%;
-  padding: var(--padding-24px) var(--padding-24px) var(--padding-12px)
-    var(--padding-24px);
+  padding: var(--padding-20px);
 }
 
 .top {
@@ -36,10 +35,15 @@
     align-items: center;
     gap: var(--padding-6px);
     color: var(--vscode-textLink-foreground);
+    text-decoration: none;
 
     > span:first-child {
       font-size: 20px;
     }
+
+    > span:last-child:hover {
+      text-decoration: underline;
+    }
   }
 }
 
@@ -49,11 +53,11 @@
   align-items: center;
   gap: var(--padding-8px);
 
-  &__website {
-    color: var(--vscode-textLink-foreground);
-  }
-
   &__version {
     color: var(--vscode-descriptionForeground);
   }
+
+  &__author > a:hover {
+    text-decoration: underline;
+  }
 }

packages/vscode/src/view/frontend/intro/Intro/Intro.tsx

@@ -20,12 +20,17 @@ export const Intro: React.FC<Props> = (props) => {
           <span className="codicon codicon-arrow-right" />
           <span>Continue</span>
         </button>
+        <a className={styles.top__button} href="https://codeweb.chat/">
+          <span className="codicon codicon-link-external" />
+          <span>Documentation</span>
+        </a>
       </div>
       <div className={styles.bottom}>
         <div className={styles.bottom__version}>{props.version}</div>
-        <a className={styles.bottom__website} href="https://codeweb.chat/">
-          https://codeweb.chat
-        </a>
+        <div className={styles.bottom__author}>
+          © {new Date().getFullYear()}{' '}
+          <a href="https://x.com/robertpiosik">Robert Piosik</a>
+        </div>
       </div>
     </div>
   )