feat: add icon, rename and fix filter issue

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "event-aggregate-mapper",
-  "version": "1.2.1",
+  "name": "pdac",
+  "version": "1.3.1",
   "description": "",
   "license": "BSD-3-Clause",
   "private": true,

src/App.module.css

@@ -49,3 +49,7 @@
   margin-right: auto;
   padding-bottom: 10px;
 }
+
+.dataTable {
+  width: 90vw;
+}

src/components/Page.js

@@ -275,7 +275,7 @@ const Page = ({ metadata, existingConfig }) => {
 
   return (
     <div className={classes.pageDiv}>
-      <h1>Event to Aggregate Mappings</h1>
+      <h1>Program Dataset Connector</h1>
       <p>
         This application is used to link program indicators to a data elements in a specific data set. This is used to
         generate copies of the program indicator for each of the disaggregations assigned to the data element in the
@@ -297,12 +297,13 @@ const Page = ({ metadata, existingConfig }) => {
       )}
       <InputField
         className={classes.filterInput}
+        inputWidth={'20vw'}
         label="Filter"
         name="filter"
         value={filterText}
         onChange={(e) => handleFilterChange(e)}
       />
-      <Table>
+      <Table className={classes.dataTable}>
         <TableHead>
           <TableRowHead>
             <TableCellHead key="selected">

src/utils.js

@@ -106,7 +106,7 @@ export function filterRowsByText(dePiMaps, orderedRowIds, text) {
   }
   const textLower = text.toLocaleLowerCase()
   const result = []
-  for (rowId of orderedRowIds) {
+  for (const rowId of orderedRowIds) {
     const { dsName, deName, piName } = dePiMaps[rowId]
     const dsLower = dsName.toLocaleLowerCase()
     const deLower = deName.toLocaleLowerCase()