codespell to detect (fix locally) typos: workflow and config and some typos fixed

.codespellrc

@@ -0,0 +1,4 @@
+[codespell]
+skip = .git,*.pdf,*.svg,build,*.lock,package-lock.*
+#
+# ignore-words-list =

.github/workflows/codespell.yml

@@ -0,0 +1,22 @@
+---
+name: Codespell
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+permissions:
+  contents: read
+
+jobs:
+  codespell:
+    name: Check for spelling errors
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Codespell
+        uses: codespell-project/actions-codespell@v2

apps/live-paper-builder/examples/livepaper_sample_AllResources.lpp

@@ -45,7 +45,7 @@
     "url": "https://doi.org/XX.YYYY/journal.ABCD.000000",
     "citation": "Appukuttan S (2021) Just a sample live paper for demonstration purposes. Sample Journal XX(Y): e000000.",
     "doi": "https://doi.org/XX.YYYY/journal.ABCD.000000",
-    "abstract": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id mi tristique, accumsan purus vel, aliquet orci. Duis vulputate libero nec ante varius faucibus. Fusce dictum lacinia sem. Integer rutrum arcu in quam convallis, sed pulvinar urna venenatis. Phasellus ut finibus enim. Nunc in posuere lorem. Sed aliquam eleifend luctus. Nullam ut sagittis massa. Integer maximus orci ut tellus hendrerit feugiat. Aliquam porttitor orci nibh, eu pharetra nibh malesuada sed. Fusce ac est blandit, bibendum neque id, facilisis risus. Proin gravida magna nec sapien ultricies, feugiat pulvinar felis venenatis. Aliquam erat volutpat. Proin tortor enim, viverra ac gravida et, faucibus sit amet ex. Donec molestie metus in mauris vehicula fringilla. Proin placerat ex diam. Donec congue lacinia ipsum eu hendrerit. Vestibulum cursus risus eget odio ultricies, eu malesuada nisi volutpat. Nulla vitae ullamcorper metus. Proin scelerisque mauris a odio dapibus, id blandit urna condimentum.",
+    "abstract": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id mi tristique, accumsan purus vel, aliquet orci. Duis vulputate libero nec ante various faucibus. Fusce dictum lacinia sem. Integer rutrum arcu in quam convallis, sed pulvinar urna venenatis. Phasellus ut finibus enim. Nunc in posuere lorem. Sed aliquam eleifend luctus. Nullam ut sagittis massa. Integer maximus orci ut tellus hendrerit feugiat. Aliquam porttitor orci nibh, eu pharetra nibh malesuada sed. Fusce ac est blandit, bibendum neque id, facilisis risus. Proin gravida magna nec sapien ultricies, feugiat pulvinar felis venenatis. Aliquam erat volutpat. Proin tortor enim, viverra ac gravida et, faucibus sit amet ex. Donec molestie metus in mauris vehicula fringilla. Proin placerat ex diam. Donec congue lacinia ipsum eu hendrerit. Vestibulum cursus risus eget odio ultricies, eu malesuada nisi volutpat. Nulla vitae ullamcorper metus. Proin scelerisque mauris a odio dapibus, id blandit urna condimentum.",
     "license": "Creative Commons Attribution Non Commercial 4.0 International",
     "collab_id": "shailesh-testing",
     "resources_description": "Data and models: all data and models used in the paper are available at the links reported below, grouped into the following categories:    ",

apps/live-paper-builder/src/LoadKGProjects.js

@@ -177,7 +177,7 @@ export default class LoadKGProjects extends React.Component {
             <LoadingIndicatorModal open={this.state.loading} />
             <Box my={2}>
               To have edit permissions on a live paper, you must be a member of
-              the live paper's host Collab. You currrently have permissions to
+              the live paper's host Collab. You currently have permissions to
               edit the below listed live paper projects on the Knowledge Graph.
             </Box>
             <Box my={2}>

apps/live-paper-builder/src/SectionMorphology.js

@@ -701,7 +701,7 @@ export default class SectionMorphology extends React.Component {
                   <span style={{ paddingRight: "10px" }}>
                     <strong>Note:</strong> 'View URL' can be left empty for SWC,
                     neurolucida-ASC, neurolucida-XML or neurolucida-DAT/NRX
-                    files to make use of intergrated 3D visualization tool.
+                    files to make use of integrated 3D visualization tool.
                   </span>
                 </Grid>
                 {this.state.useTabs && (

apps/live-paper-builder/src/utils.js

@@ -58,7 +58,7 @@ export function replaceEmptyStringsWithNull(param) {
 
 export function replaceNullWithEmptyStrings(param) {
   if (param === null) {
-    // Note: null is also object, but explictly comared before testing for object below
+    // Note: null is also object, but explicitly comared before testing for object below
     return "";
   } else if (typeof param === "string") {
     return param;

apps/live-paper-docs/src/BuildCommon.js

@@ -54,7 +54,7 @@ export default class BuildCommon extends React.Component {
                 title corresponding to its reource type, but authors can replace
                 with more informative/relevant titles corresponding to their
                 study. Only the 'Custom' resource section does not offer an
-                explicit field for description, as it can easily be accomodated
+                explicit field for description, as it can easily be accommodated
                 within the custom content.
                 <br /><br />
                 To change the existing icon, simply click on it. A variety of
@@ -188,7 +188,7 @@ export default class BuildCommon extends React.Component {
             As the values for each attribute (cell) of a resource can be quite
             lengthy, it is often difficult to view it in its entirety easily. To
             assist with this, when required, users may click on the 'EXPAND
-            TABLE' button to obtain a more detailed view of thes attributes.
+            TABLE' button to obtain a more detailed view of these attributes.
             <br /><br />
             <div style={{ textAlign: "center" }}>
               <img alt="" src={process.env.PUBLIC_URL + "/figures/share_common/resource_expand_table.png"} width="85%" />

apps/live-paper-docs/src/Introduction.js

@@ -26,7 +26,7 @@ export default class Introduction extends React.Component {
               <div className="block-little-header">The Problem</div>
               <div className="block-main-header">Where to find underlying data?</div>
               <div className="block-text">
-                Consider that you came across a scientfic publication that piqued your interest.
+                Consider that you came across a scientific publication that piqued your interest.
                 It might be because:
                 <ul>
                   <li>the experimental data produced by the authors could aid your own scientific work, or</li>

apps/live-paper-platform/src/utils.js

@@ -20,7 +20,7 @@ export function compareArrayoOfObjectsByOrder(a, b) {
 
 export function replaceNullWithEmptyStrings(param) {
   if (param === null) {
-    // Note: null is also object, but explictly comared before testing for object below
+    // Note: null is also object, but explicitly comared before testing for object below
     return "";
   } else if (typeof param === "string") {
     return param;