updated padding across cards and forms

src/components/SettingForms/Channel1-JSON/ChannelCard.tsx

@@ -4,7 +4,7 @@ import ChannelFields from "./ChannelFields";
 
 const ChannelCard = () => {
   return (
-    <Card>
+    <Card className="p-4">
       <CardHeader title="Channel 1 (JSON)" />
       <ChannelFields />
     </Card>

src/components/SettingForms/Channel1-JSON/ChannelFields.tsx

@@ -8,7 +8,7 @@ const ChannelFields = () => {
   useFormikContext();
   const [showPwd, setShowPwd] = useState(false);
   return (
-    <div className="flex flex-col space-y-2">
+    <div className="flex flex-col space-y-2 px-2">
       <FormGroup>
         <label htmlFor="backoffice" className="m-0">
           Back Office URL