fix: migrate all .scss files to .module.scss

frontend/src/component/app.jsx

@@ -5,7 +5,7 @@ import { Route, Redirect, Switch } from 'react-router-dom';
 
 import Features from '../page/features';
 import { routes } from './menu/routes';
-import styles from './styles.scss';
+import styles from './styles.module.scss';
 import AuthenticationContainer from './user/authentication-container';
 import MainLayout from './layout/main';
 

frontend/src/component/common/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Link } from 'react-router-dom';
 import { List, ListItem, ListItemContent, Button, Icon, Switch, MenuItem } from 'react-mdl';
-import styles from './common.scss';
+import styles from './common.module.scss';
 
 export { styles };
 

frontend/src/component/feature/variant/add-variant.jsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Modal from 'react-modal';
 import { Button, Textfield, DialogActions, Grid, Cell, Icon, Switch } from 'react-mdl';
-import styles from './variant.scss';
+import styles from './variant.module.scss';
 import MySelect from '../../common/select';
 import { trim } from '../../common/util';
 import { weightTypes } from './enums';

frontend/src/component/feature/variant/update-variant-component.jsx

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 import VariantViewComponent from './variant-view-component';
-import styles from './variant.scss';
+import styles from './variant.module.scss';
 import { UPDATE_FEATURE } from '../../../permissions';
 import AddVariant from './add-variant';
 

frontend/src/component/feature/variant/variant-view-component.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { IconButton, Chip } from 'react-mdl';
-import styles from './variant.scss';
+import styles from './variant.module.scss';
 import { UPDATE_FEATURE } from '../../../permissions';
 import { weightTypes } from './enums';
 

frontend/src/component/history/history-item-diff.jsx

@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
-import style from './history.scss';
+import style from './history.module.scss';
 
 const DIFF_PREFIXES = {
     A: ' ',

frontend/src/component/history/history-item-json.jsx

@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
-import style from './history.scss';
+import style from './history.module.scss';
 
 class HistoryItem extends PureComponent {
     static propTypes = {

frontend/src/component/history/history-list-component.jsx

@@ -6,7 +6,7 @@ import { Table, TableHeader } from 'react-mdl';
 import { DataTableHeader, SwitchWithLabel, styles as commonStyles } from '../common';
 import { formatFullDateTimeWithLocale } from '../common/util';
 
-import styles from './history.scss';
+import styles from './history.module.scss';
 
 const HistoryMeta = ({ entry, timeFormatted }) => (
     <div>

frontend/src/component/layout/main.jsx

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { Layout, Content, Footer, Grid, Cell } from 'react-mdl';
 
-import styles from '../styles.scss';
+import styles from '../styles.module.scss';
 import ErrorContainer from '../error/error-container';
 import Header from '../menu/header';
 import ShowApiDetailsContainer from '../api/show-api-details-container';

frontend/src/component/menu/breadcrumb.jsx

@@ -3,7 +3,7 @@ import { Link, Route, Switch } from 'react-router-dom';
 
 import { routes, getRoute } from './routes';
 
-import styles from '../styles.scss';
+import styles from '../styles.module.scss';
 
 const renderDoubleBread = (currentTitle, parentRoute) => {
     document.title = `${currentTitle} -  ${parentRoute.title} - Unleash`;

frontend/src/component/menu/drawer.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Drawer, Icon, Navigation } from 'react-mdl';
 import { NavLink } from 'react-router-dom';
 import PropTypes from 'prop-types';
-import styles from '../styles.scss';
+import styles from '../styles.module.scss';
 
 import { baseRoutes as routes } from './routes';
 

frontend/src/component/user/show-user-component.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import styles from './user.scss';
+import styles from './user.module.scss';
 import { Menu, MenuItem } from 'react-mdl';
 
 export default class ShowUserComponent extends React.Component {