#4: Format imports on save

.vscode/settings.json

@@ -5,6 +5,7 @@
     "editor.tabCompletion": "on",
     "editor.codeActionsOnSave": {
         "source.fixAll.eslint": true,
+        "source.organizeImports": true
     },
     //python
     "python.venvPath": "${workspaceFolder}\\server",

client/src/App.tsx

-import React, { useState, useEffect } from 'react'
 import axios from 'axios'
-import logo from './logo.svg'
+import React, { useEffect, useState } from 'react'
 import './App.css'
+import logo from './logo.svg'
 
 interface Message {
   message: string

client/src/index.tsx

 import React from 'react'
 import ReactDOM from 'react-dom'
-import './index.css'
 import App from './App'
+import './index.css'
 import reportWebVitals from './reportWebVitals'
 
 ReactDOM.render(