added padding and marging at project feature permission card

src/components/Project/ProjectPermission.jsx

@@ -105,7 +105,7 @@ const ProjectPermission = () => {
   };
 
   return (
-    <div className="row">
+    <div className="row px-2 py-1">
       <form className="row" onSubmit={handleSubmit(onSubmit)}>
         {/* Employee Dropdown */}
         <div className="d-flex align-items-end gap-2">
@@ -142,7 +142,7 @@ const ProjectPermission = () => {
 
         {/* Permissions */}
         {ProjectModules.map((feature) => (
-          <div key={feature.id} className="row my-2">
+          <div key={feature.id} className="row my-2 px-3 ">
             <div className="col-12 text-start fw-semibold mb-2">
               {feature.name}
             </div>

src/components/Project/ProjectSetting.jsx

@@ -31,7 +31,7 @@ const ProjectSetting = () => {
 
   return (
     <div className="w-100">
-      <div className="card p-3">
+      <div className="card py-2 px-5">
         <div className="col-4">
           <div className="dropdown text-start">
             <button