Move style addition to top of head tag in chrome://apps

Link tag modification happened in crrev.com/c/2239707 caused a blink
when reloading chrome://apps. This change move the code on top of head
tag so that the blink won't happen.

Bug: 1106213
Change-Id: Ic97c83ccf430f41c793ebd4350166b39b6d59445
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2301400
Auto-Submit: Jun Kokatsu <Jun.Kokatsu@microsoft.com>
Commit-Queue: Evan Stade <estade@chromium.org>
Reviewed-by: Evan Stade <estade@chromium.org>
Cr-Commit-Position: refs/heads/master@{#790005}

chrome/browser/resources/ntp4/new_tab.html

@@ -13,6 +13,12 @@
 <meta name="viewport"
       content="user-scalable=no, width=device-width, maximum-scale=1.0">
 
+<link id="themecss" rel="stylesheet">
+<script src="../../../../ui/webui/resources/js/util.js"></script>
+<script>
+// Until themes can clear the cache, force-reload the theme stylesheet.
+$('themecss').href = 'chrome://theme/css/new_tab_theme.css?' + Date.now();
+</script>
 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
 <link rel="stylesheet" href="../../../../ui/webui/resources/css/bubble.css">
 <link rel="stylesheet" href="../../../../ui/webui/resources/css/menu.css">
@@ -23,15 +29,9 @@
 <link rel="stylesheet" href="new_tab.css">
 <link rel="stylesheet" href="tile_page.css">
 <link rel="stylesheet" href="trash.css">
-<link id="themecss" rel="stylesheet">
 <script src="../../../../ui/webui/resources/js/action_link.js"></script>
 <script src="../../../../ui/webui/resources/js/event_tracker.js"></script>
 <script src="../../../../ui/webui/resources/js/parse_html_subset.js"></script>
-<script src="../../../../ui/webui/resources/js/util.js"></script>
-<script>
-// Until themes can clear the cache, force-reload the theme stylesheet.
-$('themecss').href = 'chrome://theme/css/new_tab_theme.css?' + Date.now();
-</script>
 
 <script src="../../../../ui/webui/resources/js/cr.js"></script>
 <script src="../../../../ui/webui/resources/js/cr/event_target.js"></script>