Allow Autofocus on Search Bar

[EatMoreChicken]

Is your feature request related to a problem? Please describe.
When the dashboard loads, most times I have to scroll through and find the service I want to click on. Using the search to filter down the results is very helpful.

Describe the solution you'd like
I think it would be useful to have the search bar be autofocused when the page loads. This would allow the user to load the page and immediately start typing without having to click around. I don't think it would have any effect on existing usability of the tool.

Describe alternatives you've considered
I currently just stick to clicking the search bar manually. You can also use / to focus on the search bar.

Additional context
This is really just to reduce the amount of time needed to find and click item you want. Having the search bar autofocus would just make it a bit faster and would allow the user to find the item without taking their hand off the keyboard to click into the search bar.

Maybe something like this is what is needed?

<template>
  <search class="search-bar">
    <form role="search">
      <label for="search" class="search-label"></label>
      <input
        id="search"
        ref="search"
        name="search"
        type="search"
        autofocus
        :value="value"
        @input.stop="search($event.target.value)"
        @keydown.enter.exact.prevent="open()"
        @keydown.alt.enter.prevent="open('_blank')"
      />
    </form>
  </search>
</template>