update labels to reflect 'Data Files' and improve layout

Author: sanjaypinna

app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/components/EditLayout.tsx

@@ -50,7 +50,7 @@ interface LayoutProps {
   params: { id: string };
 }
 
-const layoutList = ['metadata', 'access', 'charts', 'resources', 'publish'];
+const layoutList = ['metadata', 'resources', 'publish'];
 
 export function EditLayout({ children, params }: LayoutProps) {
   // const { data } = useQuery([`dataset_layout_${params.id}`], () =>
@@ -177,7 +177,7 @@ const Navigation = ({
       // selected: pathItem === 'metadata',
     },
     {
-      label: 'Resources',
+      label: 'Data Files',
       id: 'resources',
       url: `/dashboard/${entityType}/${organization}/dataset/${id}/edit/resources`,
       // selected: pathItem === 'resources',

app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/resources/components/ResourceListView.tsx

@@ -215,21 +215,22 @@ export const ResourceListView = ({ data, refetch }: ResourceListProps) => {
 
   return (
     <div className="mt-3">
-      <div className="my-8 flex items-center gap-6 px-4">
+      <div className="my-8 flex justify-between flex-wrap items-center gap-6 ">
+        <div className='flex items-center flex-wrap gap-2'>
         <Text>
-          Showing {filteredRows.length} of {filteredRows.length} resources
+          Showing {filteredRows.length} of {filteredRows.length} Data Files
         </Text>
         <SearchInput
-          className="w-1/2 "
           placeholder="Search in Resources"
           label="Search"
           name="Search"
           onChange={(e) => handleSearchChange(e)}
         />
+        </div>
         <Dialog>
           <Dialog.Trigger>
-            <Button size="medium" className=" mx-5">
-              ADD NEW RESOURCE
+            <Button size="medium" >
+              ADD NEW DATA FILE
             </Button>
           </Dialog.Trigger>
           <Dialog.Content title={'Add New Resource'}>