fix: padding classes across API token, user and permission group forms

Author: AbhishekA1509

src/Pages/GlobalConfigurations/Authorization/APITokens/CreateAPIToken.tsx

@@ -246,8 +246,8 @@ const CreateAPIToken = ({
 
     return (
         <div className="w-100 flexbox-col flex-grow-1 dc__content-space pb-16">
-            <div className="pl-20 pr-20 pb-20">
-                <div className="flex dc__content-space pb-16 dc__gap-8">
+            <div className="px-20 pb-20">
+                <div className="flex dc__content-space py-16 dc__gap-8">
                     <div className="flex row ml-0 h-32">
                         <div className="cn-9 fw-6 fs-16">
                             <span className="cb-5 cursor" onClick={redirectToTokenList}>

src/Pages/GlobalConfigurations/Authorization/APITokens/EditAPIToken.tsx

@@ -208,8 +208,8 @@ const EditAPIToken = ({
 
     return (
         <div className="fs-13 fw-4 w-100 flexbox-col flex-grow-1 dc__content-space pb-16">
-            <div className="pl-20 pr-20 pb-20">
-                <div className="flex dc__content-space pb-16 dc__gap-8">
+            <div className="px-20 pb-20">
+                <div className="flex dc__content-space py-16 dc__gap-8">
                     <div className="flex row ml-0">
                         <div className="cn-9 fw-6 fs-16">
                             <span className="cb-5 cursor" onClick={redirectToTokenList}>

src/Pages/GlobalConfigurations/Authorization/PermissionGroups/AddEdit/PermissionGroupForm.tsx

@@ -156,7 +156,7 @@ const PermissionGroupForm = ({ isAddMode }: { isAddMode: boolean }) => {
 
     return (
         <div className="flexbox-col dc__align-start dc__align-self-stretch flex-grow-1 dc__gap-24 pb-16">
-            <div className="flex dc__content-space dc__gap-8 pr-20 pl-20 w-100">
+            <div className="flex dc__content-space dc__gap-8 px-20 pt-16 w-100">
                 <div className="flex dc__content-start dc__gap-4 fs-16 lh-32 fw-4 dc__ellipsis-right">
                     <Link className="anchor" to={URLS.GLOBAL_CONFIG_AUTH_PERMISSION_GROUPS}>
                         Permission Groups

src/Pages/GlobalConfigurations/Authorization/UserPermissions/AddEdit/UserForm.tsx

@@ -268,7 +268,7 @@ const UserForm = ({ isAddMode }: { isAddMode: boolean }) => {
 
     return (
         <div className="flexbox-col dc__align-start dc__align-self-stretch flex-grow-1 dc__gap-24 pb-16">
-            <div className="flex pr-20 pl-20 dc__content-space dc__gap-8 w-100">
+            <div className="flex px-20 pt-16 dc__content-space dc__gap-8 w-100">
                 <div className="flex dc__content-start dc__gap-4 fs-16 lh-32 fw-4 dc__ellipsis-right">
                     <Link className="anchor" to={URLS.GLOBAL_CONFIG_AUTH_USER_PERMISSION}>
                         User Permissions