refactor: addressed change reqs

package.json

@@ -78,8 +78,5 @@
       "style": "module",
       "parser": "typescript"
     }
-  },
-  "dependencies": {
-    "react-icons": "^4.6.0"
   }
 }

pnpm-lock.yaml

@@ -16,7 +16,6 @@ specifiers:
   minimist: ^1.2.6
   prettier: ^2.7.1
   prettier-plugin-import-sort: ^0.0.7
-  react-icons: ^4.6.0
   semantic-release: ^19.0.3
   shx: ^0.3.4
   ts-jest: ^27.1.4
@@ -26,9 +25,6 @@ specifiers:
   typedoc-plugin-missing-exports: ^1.0.0
   typescript: ^4.6.3
 
-dependencies:
-  react-icons: 4.6.0
-
 devDependencies:
   '@commitlint/cli': 17.0.2
   '@commitlint/config-conventional': 17.0.2
@@ -4214,15 +4210,6 @@ packages:
       strip-json-comments: 2.0.1
     dev: true
 
-  /react-icons/4.6.0:
-    resolution: {integrity: sha512-rR/L9m9340yO8yv1QT1QurxWQvWpbNHqVX0fzMln2HEb9TEIrQRGsqiNFQfiv9/JEUbyHmHPlNTB2LWm2Ttz0g==}
-    peerDependencies:
-      react: '*'
-    peerDependenciesMeta:
-      react:
-        optional: true
-    dev: false
-
   /react-is/17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
     dev: true

src/custom-components/ReorderableList.tsx

@@ -46,12 +46,6 @@ export function ReorderableList<T>(props: ListProps<T>) {
           justify-content: flex-start;
           align-content: stretch;
         }
-
-        .reorderable-list .custom-buttons {
-          width: inherit;
-          height: inherit;
-          display: inherit;
-        }
       `}</style>
       <div className="reorderable-list">
         <Focusable
@@ -77,7 +71,7 @@ type ListEntryProps<T> = {
   entryData: ReorderableEntry<T>,
   reorderEntryFunc: CallableFunction,
   reorderEnabled: boolean,
-  children:ReactElement|null
+  children: ReactElement | null
 }
 
 function ReorderableItem<T>(props: ListEntryProps<T>) {