Make tooltip placement bottom by default as per design guidelines

app/assets/javascripts/groups/components/group_item.vue

@@ -125,7 +125,7 @@ export default {
           :href="group.relativePath"
           :title="group.fullName"
           class="no-expand"
-          data-placement="top"
+          data-placement="bottom"
         >{{
           // ending bracket must be by closing tag to prevent
           // link hover text-decoration from over-extending

app/assets/javascripts/groups/components/item_actions.vue

@@ -64,6 +64,7 @@ export default {
       :title="editBtnTitle"
       :aria-label="editBtnTitle"
       data-container="body"
+      data-placement="bottom"
       class="edit-group btn no-expand">
       <icon name="settings"/>
     </a>
@@ -75,6 +76,7 @@ export default {
       :title="leaveBtnTitle"
       :aria-label="leaveBtnTitle"
       data-container="body"
+      data-placement="bottom"
       class="leave-group btn no-expand">
       <icon name="leave"/>
     </a>

app/assets/javascripts/groups/components/item_stats_value.vue

@@ -21,7 +21,7 @@ export default {
     tooltipPlacement: {
       type: String,
       required: false,
-      default: 'top',
+      default: 'bottom',
     },
     /**
      * value could either be number or string