✨ feat: Refactor SubscriptionForm layout for improved readability and maintainability

apps/admin/src/sections/user/user-subscription/subscription-form.tsx

@@ -96,6 +96,7 @@ export function SubscriptionForm({
           <SheetTitle>{title}</SheetTitle>
         </SheetHeader>
         <ScrollArea className="h-[calc(100dvh-48px-36px-36px-env(safe-area-inset-top))]">
+          <div className="pr-4">
             <Form {...form}>
               <form
                 className="mt-4 space-y-4"
@@ -129,7 +130,9 @@ export function SubscriptionForm({
                   name="traffic"
                   render={({ field }) => (
                     <FormItem>
-                    <FormLabel>{t("trafficLimit", "Traffic Limit")}</FormLabel>
+                      <FormLabel>
+                        {t("trafficLimit", "Traffic Limit")}
+                      </FormLabel>
                       <FormControl>
                         <EnhancedInput
                           placeholder={t("unlimited", "Unlimited")}
@@ -234,6 +237,7 @@ export function SubscriptionForm({
                 />
               </form>
             </Form>
+          </div>
         </ScrollArea>
         <SheetFooter className="flex-row justify-end gap-2 pt-3">
           <Button