fix: image component bug & maintenance bug (#222)

apps/blog/components/Author/index.tsx

@@ -4,15 +4,17 @@ import Image from "next/image";
 
 export default function Author({ name, photo, username }: IAuthor) {
   return (
-    <li className="flex items-center py-1">
+    <li className="flex items-center py-2">
       <Link href={`/author/${username}`}>
-        <a className="flex items-center">
+        <a className="ml-7 flex items-center">
           <Image
             src={`/img/team/${photo}`}
             alt="avatar"
+            height={40}
+            width={40}
             className="mx-4 h-10 w-10 rounded-full object-cover"
           />
-          <h1 className="mx-1 font-bold text-gray-700 hover:underline dark:text-white">
+          <h1 className="mx-1 ml-3 font-bold text-gray-700 hover:underline dark:text-white">
             {name}
           </h1>
         </a>

apps/blog/components/Entry/index.tsx

@@ -37,12 +37,14 @@ export default function Entry({
           <div>
             <Link href={`/author/${author?.username}`}>
               <a className="flex items-center">
-                <h1 className="text-dark font-bold hover:underline dark:text-white">
+                <h1 className="text-dark mr-7 font-bold hover:underline dark:text-white">
                   {author?.name}
                 </h1>
                 <Image
                   src={`/img/team/${author?.photo}`}
                   alt="avatar"
+                  width={40}
+                  height={40}
                   className="mx-4 hidden h-10 w-10 rounded-full object-cover sm:block"
                 />
               </a>

apps/blog/components/Featured/index.tsx

@@ -28,6 +28,8 @@ export default function Featured({ title, author, date, topic, slug }: Props) {
               <Image
                 src={`/img/team/${author?.photo}`}
                 alt="avatar"
+                width={35}
+                height={35}
                 className="h-8 w-8 rounded-full object-cover"
               />
               <h1 className="mx-3 text-sm text-gray-700 hover:underline dark:text-white">

apps/maintenance/pages/index.tsx

@@ -27,20 +27,9 @@ const MaintenancePage = () => {
                   Pedimos desculpa por qualquer inconveniente e obrigado pela
                   sua paciência.
                 </p>
-                <p className="hidden text-base font-light text-gray-900 dark:text-gray-400 md:block md:text-lg lg:text-xl">
-                  Clique no dinossauro e dê o seu melhor!
-                </p>
                 <p className="text-base font-light text-gray-900 dark:text-gray-400 md:text-lg lg:text-xl">
                   Estaremos de volta em breve!
                 </p>
-                <div className="pt-26">
-                  <iframe
-                    src="/chrome-dino-game/index.html"
-                    title="Chrome Dino Game"
-                    style={{ width: "100%", height: "300px", border: "none" }}
-                    className="hidden md:block"
-                  ></iframe>
-                </div>
               </div>
             </section>
           </div>