New user option: Hide floating shoutbox

The issue: I don't like clutter. I like control. Sometimes I wanna hide the shoutbox and have a clean UI.

The code: This adds a setting to hide the floating shout panel. Simple as. The setting name will show the name of the shoutbox set in i18n. All the code does is check for the setting and hide the panel if the option is set

Screens (showing on my instance, where I call the shoutbox "Nya~box")

Disabled (see bottom right corner)

Enabled (see bottom right corner)

src/components/settings_modal/tabs/general_tab.vue

@@ -21,6 +21,11 @@
             {{ $t('settings.hide_wallpaper') }}
           </BooleanSetting>
         </li>
+        <li v-if="instanceShoutboxPresent">
+          <BooleanSetting path="hideShoutbox">
+            {{ $t('settings.hide_shoutbox') }}
+          </BooleanSetting>
+        </li>
       </ul>
     </div>
     <div class="setting-item">