chore(site): update home page

Author: xiejay97

packages/site/src/app/routes/home/Home.scss

@@ -1,6 +1,7 @@
 @import '~rfs/scss';
 
 .app-home {
+  padding: 20px;
   position: absolute;
   left: 0;
   bottom: 0;
@@ -12,8 +13,8 @@
 }
 
 .app-home__img {
+  height: 240px;
   max-width: 100%;
-  max-height: 240px;
   margin: 60px auto 0 auto;
 }
 
@@ -56,7 +57,7 @@
   justify-content: space-around;
   padding: 60px 20px;
   color: #fff;
-  margin: 40px 0 0 0;
+  margin: 40px -20px -20px -20px;
 
   a {
     font: inherit;

packages/site/src/app/routes/home/Home.tsx

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 
@@ -9,6 +10,10 @@ import './Home.scss';
 export function Home() {
   const { t } = useTranslation();
 
+  useEffect(() => {
+    document.title = 'React DevUI';
+  }, []);
+
   return (
     <main className="app-home">
       <img className="app-home__img" src="/assets/imgs/home-logo.svg" alt="logo" />