build(tng-dictionary): configure formatter

.editorconfig

@@ -12,4 +12,5 @@ max_line_length = 100
 
 [*.md]
 max_line_length = off
-trim_trailing_whitespace = false
+trim_trailing_whitespace = true
+

.eslintrc.json

@@ -3,6 +3,7 @@
   "ignorePatterns": [
     "**/*"
   ],
+
   "plugins": [
     "@nrwl/nx"
   ],

.prettierrc

@@ -1,6 +1,6 @@
 {
-  "singleQuote": true,
-  "trailingComma": "all",
-  "printWidth": 100,
-  "tabWidth": 2
-}
+  "trailingComma": "es5",
+  "tabWidth": 4,
+  "semi": false,
+  "singleQuote": true
+}

.prettierrc.json

@@ -1 +1,6 @@
-{}
+{
+    "trailingComma": "es5",
+    "tabWidth": 4,
+    "semi": true,
+    "singleQuote": true
+}

apps/tng-dictionary/src/components/Carousel/Carousel.tsx

@@ -67,6 +67,7 @@ export function Carousel(props: CarouselProps) {
               whileTap={{ scale: 0.9 }}>
               <Button className='clicker' disableRipple={true} onClick={e => setIndex(cyclicDecrement(currentIndex, props.data.length - 1))}><ArrowBackIosNewOutlinedIcon /> Back</Button>
             </motion.div>
+
             <motion.div onClick={() => setToggle(prevValue => {
               return prevValue ? 200 : 200;
             })} whileHover={{ scale: 1.1, transition: { duration: 0.1 } }}

apps/tng-dictionary/src/components/VocabularyListIndex/VocabularyListIndex.tsx

@@ -11,7 +11,6 @@ import MenuBookTwoToneIcon from '@mui/icons-material/MenuBookTwoTone';
 import doValuesMatchFilters from '../../utilities/doValuesMatchFilters';
 import stringIncludes from '../../utilities/matchers/stringIncludes';
 import { HasIdAndName } from '../../types/HasNameAndId';
-import Test from '../sandbox/Test/Test';
 import MiniLoading from '../MiniLoading/mini-loading';
 
 type ComponentState = {

package.json

@@ -122,7 +122,7 @@
     "eslint-plugin-react-hooks": "4.2.0",
     "jest": "27.0.3",
     "jest-preset-angular": "9.0.4",
-    "prettier": "^2.3.1",
+    "prettier": "2.6.0",
     "react-test-renderer": "17.0.2",
     "supertest": "^6.2.2",
     "ts-jest": "27.0.3",