[WIP]/orderとナビゲーションバーのUI修正

# このPRで特に何をするか
* ログイン後のトップ画面(/order)で、今の状態とできることが一目で把握できるようにします。
* 内部状態に応じた複雑なリダイレクトはやめます。どんな内部状態でも/orderにユーザーはアクセスします。
* ナビゲーションバーを修正します。
* 進行状況をカート絵で把握できるようにします。

## カートの絵
![cart](https://cloud.githubusercontent.com/assets/5799427/4230784/bf4bd22a-3988-11e4-85ba-2635823f1647.jpg)

# 前回PRとの関係、やる理由
前回までの仕様では、ユーザーから見て「突然URLが変わって迷子になる」という不安がありました。これは、複雑なリダイレクトをやめてログイン後のページを工夫することで達成します。
またナビゲーションバーが重複があったので整理します。
さらに、状態が多く今何ができるかユーザーから見てわかりにくいという問題がありました。
これはカートの絵を導入して解決をします。

# 終了条件（どうしたらWIPが取れるか）
  * [x] /orderでユーザーのできることをすべてできるようにする
  * [x] カートの絵を導入
  * [x] ナビゲーションバーを修正する
  * [x] 既存のテストの修正
  * [x] ログインの有無でrootを変える
  * [x]  今回の機能のテスト

# 留意点
リファクタリングは、実用化に足る機能ができてテストが終わってからやります。

# 次のPRでやること
https://github.com/onionSoup/tea/wiki の再設計をします