avoid usage of to*Case + add project lint rule

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/home/package.json

@@ -28,6 +28,7 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
     "@types/react": "*",
+    "lodash": "^4.17.21",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",

plugins/home/src/homePageComponents/RandomJoke/Settings.tsx

@@ -22,6 +22,7 @@ import {
 } from '@material-ui/core';
 import React from 'react';
 import { useRandomJoke, JokeType } from './Context';
+import upperFirst from 'lodash/upperFirst';
 
 export const Settings = () => {
   const { type, handleChangeType } = useRandomJoke();
@@ -39,7 +40,7 @@ export const Settings = () => {
             key={t}
             value={t}
             control={<Radio />}
-            label={`${t.slice(0, 1).toUpperCase()}${t.slice(1)}`}
+            label={upperFirst(t)}
           />
         ))}
       </RadioGroup>