Changed the Textfield (MUI) to Input (Shadcn)

src/paratext-bible-word-list/src/word-list.web-view.tsx

@@ -1,7 +1,7 @@
 import { useData } from '@papi/frontend/react';
 import { WebViewProps } from '@papi/core';
 import { ChangeEvent, useEffect, useMemo, useState } from 'react';
-import { ComboBox, ScriptureReference, Switch, TextField } from 'platform-bible-react';
+import { ComboBox, Input, ScriptureReference, Switch } from 'platform-bible-react';
 import type { WordListEntry } from 'paratext-bible-word-list';
 import WordContentViewer from './word-content-viewer.component';
 import WordTable from './word-table.component';
@@ -123,12 +123,10 @@ globalThis.webViewComponent = function WordListWebView({
           onChange={(value) => setScope(value)}
           options={Object.values(Scope)}
         />
-        <TextField
-          label="Word filter"
+        <Input
+          placeholder="Word filter"
           value={wordFilter}
           onChange={(event) => onChangeWordFilter(event)}
-          isFullWidth
-          className="pr-text-foreground"
         />
         <Switch
           isChecked={showWordCloud}