Merge pull request #122 from OCA-UFCG/refact/phone_responsiveness

refact: update phone responsiveness

Author: cilasmarques

src/app/globalStyles.tsx

@@ -13,7 +13,7 @@ export const GlobalStyles = createGlobalStyle`
     display: flex;
     flex-direction: column;
     align-items: center;
-    min-height: 100vh;
+    min-height: 100svh;
 
     ::-webkit-scrollbar {
       height: 0.5rem;
@@ -152,7 +152,7 @@ export const GlobalStyles = createGlobalStyle`
     display: flex;
     flex-direction: column;
     width: 100%;
-    min-height: 100vh;
+    min-height: 100svh;
     justify-content: space-between;
   }
   ol, ul {
@@ -284,7 +284,7 @@ export const LinkButton = styled(Link)`
 export const LogoSection = styled.div`
   display: flex;
   align-items: center;
-  height: 50vh;
+  height: 50svh;
 `;
 
 export const OcaImage = styled(Icon)`

src/app/infra/styles.tsx

@@ -14,5 +14,5 @@ export const Tabloid = styled.div`
   flex-flow: column;
   align-items: center;
   gap: 0.75rem;
-  min-height: 80vh;
+  min-height: 80svh;
 `;

src/components/AboutSection/AboutSection.styles.tsx

@@ -7,7 +7,7 @@ export const TextContainer = styled.div`
   gap: 1rem;
   width: 100%;
   max-width: 1000px;
-  min-height: 60vh;
+  min-height: 60svh;
   flex-grow: 2;
 
   ol,