small changes before adding contextAPI for themes

v1.1.1

README.md

@@ -33,7 +33,7 @@
   <h1>AluraTube</h1>
 
   <p>
-    Projeto desenvolvido com Next.JS e React durante programa de imersão em React, proposta pela Alura.
+    Aplicação React completa de um clone básico da página inicial do Youtube, construída com Next.js. Projeto proposto pela plataforma Alura durante programa de Imersão em React.
   </p>
 
   <h4>

config.json

@@ -24,10 +24,6 @@
             {
                 "user": "gupdelf",
                 "url": "https://aluratube-xi.vercel.app/"
-            },
-            {
-                "user": "omariosouto",
-                "url": "https://aluratube.vercel.app/"
             }
         ]
     },

pages/index.js

@@ -4,7 +4,6 @@ import { CSSReset } from "../src/components/CSSReset";
 import Menu from "../src/components/Menu";
 import { StyledTimeline } from "../src/components/Timeline";
 import { StyledFavorites } from "../src/components/Favorites";
-import Search from "../src/components/Menu/components/Search";
 import React from "react";
 
 /* ----------------------------------------------------------------------------------------------- */
@@ -64,7 +63,7 @@ const StyledHeader = styled.div` // styled component do header
     }
     
 `;
-const StyledBanner = styled.div`
+const StyledBanner = styled.div` // styled component do banner
     width: 100%;
     height:230px;
     max-height: 250px;

src/components/Favorites.js

@@ -26,7 +26,7 @@ export const StyledFavorites = styled.div`
         width: 100%;
         padding: 0;
         overflow: hidden;
-        padding: 16px;
+        padding: 16px 0;
         div {
         width: auto;
         display: flex;

src/components/Menu/components/Search.js

@@ -2,7 +2,7 @@ import React from "react";
 import styled from "styled-components"
 import config from "../../../../config.json"
 
-const StyledSearch = styled.div`
+const StyledSearch = styled.div` // styled component do campo de pesquisa
   display: flex;
   flex-direction: row;
   border: 1px solid ${config.themes.dark.borderBase};
@@ -35,7 +35,7 @@ const StyledSearch = styled.div`
   }
 `;
 
-export default function Search({ valorDoFiltro, setValorDoFiltro }) {
+export default function Search({ valorDoFiltro, setValorDoFiltro }) { // disposição do campo de pesquisa dentro do menu
     //const [valorDaBusca, setValorDaBusca] = React.useState("Teste");
     //console.log("Search", valorDaBusca)
     const valorDaBusca = valorDoFiltro;