Issue #285: UPDATE main sidebar responsive

src/app/components/SideBar.js

@@ -150,7 +150,7 @@ export default function SideBar({ setFilterState, filterState }) {
       <NeedLoginModal open={needLoginOpen} setOpen={setNeedLoginOpen} />
 
       <div className="max-md:hidden min-h-0 overflow-y-auto flex flex-col text-darkGray-HC-white-underline font-light">
-        <div className="flex flex-col justify-start items-center gap-3 w-full mb-5">
+        <div className="flex flex-col justify-start items-center gap-2 w-full mb-5">
           {acessoRapido
           .filter(item => isLoggedIn() || (item.title !== "Sair" && item.href !== "/perfil"))
           .map((item, index) => {
@@ -161,12 +161,13 @@ export default function SideBar({ setFilterState, filterState }) {
                 key={index}
                 alt={item.title}
                 title={item.title}
-                className={`aspect-square cursor-pointer hover:bg-lightGray-HC-white hover:text-darkGray-HC-dark-underline focus:bg-lightGray-HC-white text-center rounded-lg pt-2 w-[88px]
+                className={`aspect-square cursor-pointer hover:bg-lightGray-HC-white hover:text-darkGray-HC-dark-underline focus:bg-lightGray-HC-white text-center rounded-lg pt-2 w-[60%] h-[70px]
                   ${(page === item.href) || (pathname.startsWith(item.href)) ? "bg-lightGray-HC-white text-darkGray-HC-dark-underline font-bold" : ""}
                 `}
               >
                 <item.icon 
-                  className={`text-3xl rounded-xl cursor-pointer ${page === item.href ? "text-darkGray-HC-dark-underline font-bold" : ""}`}
+                  className={`rounded-xl cursor-pointer ${page === item.href ? "text-darkGray-HC-dark-underline font-bold" : ""}`}                  
+                  sx={{ fontSize: '1.6em' }}
                 />
                 <div className={`py-1 text-base ${page === item.href ? "text-darkGray-HC-dark-underline font-bold" : ""}`}>
                   {item.title}

src/app/perfil/[id]/components/UserCard.js

@@ -290,7 +290,7 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
                                             alt="verificado"
                                             className='flex aspect-square mr-4 max-lg:mx-4 w-[28px] h-[28px] rounded-full'
                                         />
-                                        <span>Verificado</span>
+                                        <span>Usuário verificado</span>
                                     </div>
                                 }
                             </div>