minor design tweaks

Author: vojtaholik

src/components/app/Footer.tsx

@@ -89,7 +89,7 @@ const FooterNavigation: FunctionComponent = () => {
 
 const Footer: FunctionComponent = () => {
   return (
-    <footer className="max-w-screen-3xl w-full mx-auto p-5">
+    <footer className="max-w-screen-2xl w-full mx-auto p-5">
       <FooterNavigation />
     </footer>
   )

src/components/app/Header.tsx

@@ -9,7 +9,7 @@ const Header: FunctionComponent = () => {
 
   return (
     <header className="px-4 py-3 sm:mb-5 mb-3 shadow-sm border-b border-gray-100 flex items-center justify-between">
-      <div className="flex items-center justify-between w-full">
+      <div className="flex items-center justify-between w-full max-w-screen-2xl mx-auto">
         <Link href="/">
           <a className="flex items-center">
             <Eggo className="w-8 mr-1" />

src/components/search/components/hit/index.tsx

@@ -14,7 +14,6 @@ const HitComponent: FunctionComponent<HitComponentProps> = ({hit}) => {
     image,
     title,
     duration,
-    instructor_avatar_url,
     instructor_url,
     instructor_name,
   } = hit