Improved search header

- Highlight both channel and search query
- By moving search query to topic we can ensure nice behaviour for long search queries (eg. when searching for an url)

client/components/Windows/SearchResults.vue

@@ -17,10 +17,10 @@
 				<div class="header">
 					<SidebarToggle />
 					<span class="title"
-						>Search results for "{{ $route.query.q }}" in
-						{{ $route.params.target }}</span
+						>Searching in
+						<span class="channel-name">{{ $route.params.target }}</span> for</span
 					>
-					<span class="topic"></span>
+					<span class="topic">{{ $route.query.q }}</span>
 					<MessageSearchForm :network="network" :channel="channel" />
 				</div>
 				<div class="chat-content">
@@ -80,6 +80,12 @@
 	</div>
 </template>
 
+<style>
+.channel-name {
+	font-weight: 700;
+}
+</style>
+
 <script>
 import socket from "../../js/socket";