Refactor the toolbar to fit new directory design

Add directory_header layout for place new components (e.g. Apps
row, chips, root header row) and sort label. Rafer to new design,
it will be need scroll out (collapse) or pin on top with phone
device or tablet device. So use different layout to handle it.

1. On phone, add this layout in CollapsingToolbarLayout to handle
   scroll out behavior.
2. On tablet potrait, add this only on AppBarLayout because it
   does not need to be scroll out and only pin on top.
3. On tablet landscape, keep it as original design.
4. Let table header sort present on tablet potrait to follow new
   design.
5. Fix id "appBar" to "app_bar"

Bug: 111914879
Bug: 120467268
Test: atest DocumentsUITests
Change-Id: I17d5200b09e5a0351577023d8273bbd2c0bb498c