update visibility of GitHub star link and adjust responsive classes

Author: zcesur

lib/algora_web/components/layouts/user.html.heex

@@ -232,15 +232,15 @@
       <div class="ml-auto flex items-center gap-x-6">
         <.link
           :if={Algora.Stargazer.count()}
-          class="group w-fit outline-none hidden lg:flex"
+          class="group w-fit outline-none hidden sm:flex"
           target="_blank"
           rel="noopener"
           href={AlgoraWeb.Constants.get(:github_repo_url)}
         >
-          <div class="rounded-[3px] hidden h-8 shrink-0 select-none items-center justify-center whitespace-nowrap bg-transparent p-2 text-center text-sm font-semibold transition duration-150 hover:bg-gray-850 disabled:opacity-50 group-focus:outline-none group-disabled:pointer-events-none group-disabled:opacity-75 lg:flex">
+          <div class="rounded-[3px] h-8 shrink-0 select-none items-center justify-center whitespace-nowrap bg-transparent p-2 text-center text-sm font-semibold transition duration-150 hover:bg-gray-850 disabled:opacity-50 group-focus:outline-none group-disabled:pointer-events-none group-disabled:opacity-75">
             <div class="flex w-full items-center justify-center gap-x-1">
               <AlgoraWeb.Components.Logos.github class="mr-0.5 h-5 shrink-0 justify-start text-gray-300 transition" />
-              <span class="hidden xl:block">Star</span>
+              <span class="hidden sm:block">Star</span>
               <span class="font-semibold text-gray-300">
                 {Algora.Stargazer.count()}
               </span>