Prevent the user menu from extending the screen

The user menu always opened to the right. This made the menu extend over
the boundary of the screen, add a horizontal scrollbar and cut off the
menu. This fix opens the menu to the left, preventing such behavior

src/components/NavBar.vue

@@ -29,7 +29,7 @@
           >
           </span>
         </router-link>
-        <o-dropdown position="bottom-left">
+        <o-dropdown position="bottom-right">
           <template #trigger>
             <button
               type="button"