docs: improve doc

Author: AlexStack

README.md

@@ -4,6 +4,10 @@
   <h2>2023/2024: 🔋 NextJs 13.x + MUI 5.x + TypeScript Starter</h2>
   <p>The scaffold for NextJs 13.x (App Router), React Hook Form, Material UI(MUI 5.x),Typescript and ESLint, and TypeScript with Absolute Import, Seo, Link component, pre-configured with Husky.</p>
 
+  <p>With simple example of NextJs API, React-hook-form with zod, fetch remote api, 404/500 error pages, MUI SSR usage</p>
+
+🚘🚘🚘 [**Click here to see an online demo**](https://mui-nextjs-ts.vercel.app) 🚘🚘🚘
+
 If you prefer Tailwind css, check this: [Tailwind-CSS-Version](https://github.com/theodorusclarence/ts-nextjs-tailwind-starter)
 
 </div>

src/component/shared/ServerDateTime.tsx

@@ -1,3 +1,4 @@
+import { Box } from '@mui/material';
 import dayjs from 'dayjs';
 import timezone from 'dayjs/plugin/timezone';
 import utc from 'dayjs/plugin/utc';
@@ -17,9 +18,9 @@ const ServerDateTime = ({
   date?: string;
 }) => {
   return (
-    <span className='date-time' style={{ color }}>
+    <Box component='span' className='date-time' style={{ color }}>
       {dayjs(date).tz(cityTimezone).format(timeFormat)}
-    </span>
+    </Box>
   );
 };