Hero buttons responsive bug fixed and repo-card also

.gitignore

@@ -4,6 +4,7 @@
 /node_modules
 /.pnp
 .pnp.js
+package-lock.json
 
 # testing
 /coverage

.xata/version/compatibility.json

@@ -0,0 +1 @@
+{"@xata.io/cli":{"latest":"0.16.11","compatibility":[{"range":">=0.0.0"}]},"@xata.io/client":{"latest":"0.30.1","compatibility":[{"range":">=0.0.0"}]}}

src/app/(public)/_components/button.tsx

@@ -11,10 +11,10 @@ export function Button({
   ...props
 }: PropsWithChildren<ButtonProps>) {
   return (
-    <div className="relative inline-block m-3 group w-fit">
+    <div className="relative inline-block group w-fit">
       <button
         className={cn(
-          'bg-hacktoberfest-black hover:bg-hacktoberfest-dark-green btn btn-lg text-hacktoberfest-light rounded-2xl leading-none border-none',
+          'bg-hacktoberfest-black m-1 hover:bg-hacktoberfest-dark-green btn btn-lg text-hacktoberfest-light rounded-2xl leading-none border-none',
           className
         )}
         {...props}

src/app/(public)/_components/header.tsx

@@ -26,7 +26,7 @@ export async function Header() {
 
           <div className="flex gap-2 lg:ml-40">
             <form action={session ? signOutAction : signInAction}>
-              <button className="text-white border-white btn btn-ghost border-1">
+              <button className="text-white border-white btn btn-ghost border-1 ms-4">
                 {session && session.user ? 'Sign Out' : 'Sign In'}
               </button>
             </form>

src/app/(public)/repos/[language]/_components/repo-card.tsx

@@ -31,7 +31,7 @@ export function RepoCard({ repo }: RepoCardProps) {
   const hasMoreTopics = sortedTopics.length > MAX_TOPICS_DISPLAY;
 
   return (
-    <section className="transition duration-300 shadow-sm card bg-hacktoberfest-black ring-1 ring-hacktoberfest-light-pink hover:scale-105 hover:shadow-2xl hover:shadow-hacktoberfest-deep-pink h-96">
+    <section className="transition duration-300 shadow-sm card bg-hacktoberfest-black ring-1 ring-hacktoberfest-light-pink hover:scale-105 hover:shadow-2xl hover:shadow-hacktoberfest-deep-pink h-125">
       <div className="relative p-6 card-body">
         <div className="flex-1">
           <div className="flex items-center gap-2">
@@ -82,11 +82,10 @@ export function RepoCard({ repo }: RepoCardProps) {
                 href={`https://github.com/topics/${topic}`}
                 target="_blank"
                 rel="noreferrer"
-                className={`badge inline px-3 py-0.5 h-auto ${
-                  topic === 'hacktoberfest'
+                className={`badge inline px-3 py-0.5 h-auto ${topic === 'hacktoberfest'
                     ? 'bg-hacktoberfest-light-green text-hacktoberfest-dark-green'
                     : 'bg-hacktoberfest-deep-pink text-hacktoberfest-light-pink'
-                }`}
+                  }`}
               >
                 {topic}
               </a>
@@ -98,7 +97,7 @@ export function RepoCard({ repo }: RepoCardProps) {
         </div>
 
         {/* stars and forks cards */}
-        <div className="flex flex-wrap justify-between gap-4 mt-8 cursor-pointer container-query text-neutral-100">
+        <div className="flex flex-wrap justify-between mt-8 gap-4 cursor-pointer container-query text-neutral-100">
           <a
             href={`${repo.html_url}/stargazers?ref=finder.usmans.me`}
             target="_blank"

src/env.mjs

@@ -11,8 +11,8 @@ export const env = createEnv({
     AUTH_GITHUB_TOKEN: z.string().optional()
   },
   client: {
-    NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME: z.string().optional(),
-    NEXT_PUBLIC_ANALYTICS_WEBSITE_ID: z.string().uuid().optional()
+    NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME: z.string().optional().nullable(),
+    NEXT_PUBLIC_ANALYTICS_WEBSITE_ID: z.string().uuid().optional().nullable(),
   },
   experimental__runtimeEnv: {
     NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME: