allow user to choose specific style type

[nanomosfet]

right now there is a file called style-map.js
style-map.js

const baseImage = 'w-100 rounded-top mx-auto'
const baseBox = 'mt-1 px-1 pt-2 text-center h-100'
const baseBoxMain = 'my-1 p-5  text-center h-100'
const styleMap = {
  dark: {
    image: `${baseImage} bg-light`,
    box: `${baseBox} text-white bg-dark`
  },
  light: {
    image: `${baseImage} bg-dark`,
    box: `${baseBox} bg-light`
  },
  lightMain: {
    image: `${baseImage} bg-dark`,
    box: `${baseBoxMain} bg-light`
  },
  darkMain: {
    image: `${baseImage} bg-light`,
    box: `${baseBoxMain} text-white bg-dark`
  },
  undefined: {
    image: `${baseImage} bg-dark`,
    box: `${baseBox} bg-light`
  },
  null: {
    image: `${baseImage} bg-dark`,
    box: `${baseBox} bg-light`
  }
}

export default styleMap

which is just a class mapping for different elements.

we need the user to be able to choose a style from a dropdown list.

this would be adding an action called EDIT_ITEM_STYLE which would just change the styleType property on the item state.