Added editorconfig

.editorconfig

@@ -0,0 +1,17 @@
+# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+[*.js]
+indent_style = space
+indent_size = 2
+
+[*.json]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = true

.vscode/settings.json

@@ -6,5 +6,6 @@
     "editor.defaultFormatter": "vscode.json-language-features"
   },
   "eslint.enable": false,
-  "editor.formatOnSave": false,
+  "editor.formatOnSave": true,
+  "editor.tabSize": 2,
 }

src/pages/InboxPage.js

@@ -1,27 +1,27 @@
 // React + Web3 Essentials
-import React, { useState } from "react";
-import { useLocation, useParams } from "react-router-dom";
+import React, { useState } from 'react';
+import { useLocation, useParams } from 'react-router-dom';
 
 // External Packages
 import styled from 'styled-components';
 
 // Internal Components
 import { SectionV2 } from 'components/reusables/SharedStylingV2';
-import InboxModule from "modules/inbox/InboxModule";
+import InboxModule from 'modules/inbox/InboxModule';
 
 // Internal Configs
-import GLOBALS from "config/Globals";
+import GLOBALS from 'config/Globals';
 
 // Other Information section
 const InboxPage = () => {
   // RENDER
   const location = useLocation();
   return (
     <Container>
-      <InboxModule isSpam={location.pathname === '/spam'?true:false} />
+      <InboxModule isSpam={location.pathname === '/spam' ? true : false} />
     </Container>
   );
-}
+};
 export default InboxPage;
 
 // This defines the page settings, toggle align-self to center if not covering entire stuff, align-items to place them at center
@@ -30,4 +30,4 @@ const Container = styled(SectionV2)`
   flex: 1;
   flex-direction: column;
   align-self: stretch;
-`;
+`;