refactor: improve UI, replace regexr info link

package.json

@@ -1,6 +1,6 @@
 {
   "name": "woye",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "private": true,
   "dependencies": {
     "@material-ui/core": "^1.4.1",

src/main/Main.js

@@ -63,7 +63,7 @@ class Main extends Component {
           Insert plain text and get information from Wikipedia and the most relevant video from Youtube, from each keyword. Try the following example and see the results:
         </Typography>
         <Typography className={classes.quoteText} align="justify" color="textSecondary" paragraph>
-          Fortnite.. ,#Plato . ;@Rihanna  , the silence of lambs#  #*meme *Michael Jackson . white shark >;. > sequoia
+          Fortnite.. ,#Plato . ;@Rihanna  , the silence of the lambs#  #*meme *Michael Jackson . white shark >;. > sequoia
         </Typography>
         <Divider />
       </div>

src/main/options/Options.js

@@ -55,7 +55,7 @@ class Options extends Component {
     const infoButton = (
       <InputAdornment position="end">
         <IconButton aria-label="Info about regular expressions"
-          href='https://regexr.com/3t6pc'
+          href='https://regexr.com/3ta3s'
           target='_blank'
         >
           <InfoIcon />
@@ -90,9 +90,9 @@ class Options extends Component {
 
     return (
       <div className={classes.root}>
-        {panel(true, 'Language', 'Change to get the best results for your search', localeDetails)}
-        {panel(true, 'Category', 'For more accurate results (leave blank for a mixed search)', categoryDetails)}
         {panel(false, 'Delimiters', 'Breaking characters for the introduced plain-text (regular expression)', delimitersDetails)}
+        {panel(true, 'Language', '(TODO) Change to get the best results for your search', localeDetails)}
+        {panel(true, 'Category', '(TODO) For more accurate results (leave blank for a mixed search)', categoryDetails)}
       </div>
     )
   }