Add a guide on how to setup Semantic-UI-React for use in Next.js Application

Problem description

While there is a guide on how to set it up in your react application, the guide isn't working on a Next.js Application, due to the different project-structure.

Proposed solution

Please add a new guide on how to set Semantic-UI-react up for a Next.js application (custom themeing would

we should check out where we can extend existing interfaces in order to reduce repetitions.

Now that we are using storybook enviroment to help us develop our components. We must create stories to document all components. Follow the guide in the CONTRIBUTING.md to write the stories.

Components

• ActionMenu
• Alert
• AutocompleteInput
• Box
• Button
• ButtonGroup
• ButtonPlain
• ButtonWithIcon
• Card
• Checkbox
• CheckboxGroup

In conditional rendering scenarios, returning null throws an error. Need to check if undefined is doing the same.

<Responsive.Grid
  breakpoints={{
    'container-sm-down': {
      columns: 1,
    },
    'container-md-up': {
      columns: 2,
    },
  }}
  columns={2}
  gutter="20px"
>
  {condition ? <div/> : null}
</Responsive.Grid>