done users and roles page responsive view review nalang ang polish

frontend/src/app/components/permissions/Permissions.jsx

@@ -20,15 +20,13 @@ const Permissions = ({ sampleData = [] }) => {
           </div>
         </div>
 
-        <div className={editUserStyle.wrapper}>
-          {sampleData.length === 0 ? (
-            // Default Message
-            <div className={editUserStyle.permissionDefaultState}>
-              <p>No permission added yet</p>
-            </div>
-          ) : (
-            // Sampple Data(static)
-            sampleData.map((perm, index) => {
+        {sampleData.length === 0 ? (
+          <div className={editUserStyle.permissionDefaultState}>
+            <p>No permission added yet</p>
+          </div>
+        ) : (
+          <div className={editUserStyle.permissionsList}>
+            {sampleData.map((perm, index) => {
               return (
                 <div className={editUserStyle.permissions} key={index}>
                   <div className={editUserStyle.permissionsItem}>
@@ -40,9 +38,9 @@ const Permissions = ({ sampleData = [] }) => {
                   </div>
                 </div>
               );
-            })
-          )}
-        </div>
+            })}
+          </div>
+        )}
       </div>
     </>
   );