Search Improvements (#1609)

* add sort by

* change search to new cards

* add search in header

* css updates

* pretty naviagtion too

* show more

* remove unused files

* update jest snapshot

* add responisve

* small fixes

* add sabdnboxes to placeholder

* cleam css

* remove flow annotations from ts files

* Make hits per page 12

* Include one font

Author: SaraVieira

package.json

@@ -15,6 +15,7 @@
     "start:fast": "lerna run start --scope app --stream",
     "start:vscode": "VSCODE=1 yarn start:fast & cd standalone-packages/monaco-editor && yarn simpleserver & cd standalone-packages/vscode && yarn watch",
     "start:dynamic": "lerna run dev --scope dynamic-pages --stream",
+    "start:common": "lerna run start --scope common --stream",
     "start:home": "lerna run start --scope homepage --stream",
     "start:test": "lerna run start:test --scope app --stream",
     "start:dev_api": "lerna run start:dev_api --scope app --stream",

packages/app/src/app/components/CodeEditor/ImageViewer/index.tsx

@@ -1,4 +1,4 @@
-// @flow
+
 import React from 'react';
 import Input from '@codesandbox/common/lib/components/Input';
 import { Button } from '@codesandbox/common/lib/components/Button';

packages/app/src/app/components/CodeEditor/VSCode/Configuration/index.tsx

@@ -1,4 +1,4 @@
-// @flow
+
 import React from 'react';
 import { TextOperation } from 'ot';
 import { Module } from '@codesandbox/common/lib/types';

packages/app/src/app/components/CodeEditor/VSCode/index.tsx

@@ -1,4 +1,4 @@
-// @flow
+
 import * as React from 'react';
 import { render } from 'react-dom';
 import { ThemeProvider } from 'styled-components';

packages/app/src/app/components/Preview/DevTools/Tests/TestDetails/TestBlock/TestName/index.tsx

@@ -1,4 +1,4 @@
-// @flow
+
 import * as React from 'react';
 import { Test } from '../../../';
 

packages/app/src/app/components/Preview/DevTools/Tests/TestDetails/TestBlock/index.tsx

@@ -1,4 +1,4 @@
-// @flow
+
 import * as React from 'react';
 import FileIcon from 'react-icons/lib/md/insert-drive-file';
 

packages/app/src/app/components/Preview/DevTools/Tests/TestDetails/index.tsx

@@ -1,4 +1,4 @@
-// @flow
+
 import * as React from 'react';
 import FileIcon from 'react-icons/lib/md/insert-drive-file';
 import PlayIcon from 'react-icons/lib/go/playback-play';

packages/app/src/app/components/Preview/DevTools/Tests/TestElement/index.tsx

@@ -1,4 +1,4 @@
-// @flow
+
 
 import * as React from 'react';
 import Tooltip from '@codesandbox/common/lib/components/Tooltip';

packages/app/src/app/components/Preview/DevTools/Tests/TestOverview/index.tsx

@@ -1,4 +1,4 @@
-// @flow
+
 
 import * as React from 'react';
 

packages/app/src/app/components/Preview/DevTools/Tests/TestProgressBar/index.tsx

@@ -1,4 +1,4 @@
-// @flow
+
 
 import * as React from 'react';
 import { ProgressBar, FailedBar, SuccessBar, IdleBar } from './elements';