Bundle of small fixes (#355)

* Bundle of small fixes

![bundle of small fixes](https://i.imgur.com/IkPE3uP.png)

- List items in project body may overflow
- Reduce margin between pagination buttons for better mobile support
- Prevent titles from overflowing in search for better mobile support
- Don't show ThisOrThats with only one item
- Fix style inconsistencies on homepage
- Add more links to homepage to docs, GH, and discord, so they can't be missed

* Appease lint

* Dryer lint isn't even the worst type of lint. It's this.

components/ui/Pagination.vue

@@ -134,7 +134,7 @@ button,
   margin: 0.5rem 0;
   > div,
   .has-icon {
-    margin: 0 0.5em;
+    margin: 0 0.3em;
   }
   font-size: 80%;
   @media screen and (min-width: 350px) {

components/ui/ProjectCard.vue

@@ -245,6 +245,7 @@ export default {
 
         .title {
           margin: 0 0.5rem 0 0;
+          overflow-wrap: anywhere;
           color: var(--color-text-dark);
           font-size: var(--font-size-xl);
         }

components/ui/ThisOrThat.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="styled-tabs">
+  <div v-if="items.length !== 1" class="styled-tabs">
     <button
       v-for="item in items"
       :key="item"