Refactor code structure for improved readability and maintainability

src/components/hero-form.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from "react";
 import { useRouter } from "next/navigation";
-import { ArrowRight, Loader2 } from "lucide-react";
+import { ArrowRight } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import {
@@ -123,12 +123,16 @@ export function HeroForm() {
         <Input
           id="siralama"
           inputMode="numeric"
+          autoComplete="off"
           placeholder="YKS başarı sıralaman (ör. 85.000)"
           value={siralama}
           onChange={(e) => siralamaDegisti(e.target.value)}
           aria-invalid={hata ? true : undefined}
           aria-describedby={hata ? "siralama-hata" : undefined}
-          className="h-12 flex-1 bg-white text-base"
+          // flex-1 yalnızca yatay dizilimde (sm+): mobilde form flex-col olduğu
+          // için flex-1 inputun yüksekliğini eziyordu. Mobilde geniş padding
+          // + büyük yazı; sm ve üzeri eski görünüm.
+          className="h-12 bg-background px-5 text-lg sm:flex-1 sm:px-2.5 sm:text-base"
         />
         <Button
           type="submit"
@@ -136,11 +140,8 @@ export function HeroForm() {
           disabled={yukleniyor}
           className="h-12 cursor-pointer bg-orange-500 text-white transition-colors duration-200 hover:bg-orange-600"
         >
-          {yukleniyor ? (
-            <Loader2 className="size-4 animate-spin" aria-hidden />
-          ) : null}
-          Listemi oluştur
-          {yukleniyor ? null : <ArrowRight className="size-4" aria-hidden />}
+          {yukleniyor ? "Hazırlanıyor…" : "Listemi oluştur"}
+          <ArrowRight className="size-4" aria-hidden />
         </Button>
       </form>