fix some lint warnings (#12488)

* prevent some lint warnings by turning off some rules we don't seem to care about

require-prop-types has 167 violations

require-default-prop has 93 violations

* fix some lint warnings by adding eslint-disable-line comments

* prevent lint warnings by moving vue hooks to a different order

* apply some automatic lint fixes

* fix lint error by making line shorter

* prevent lint warnings from whitespace and @input, @click positioning

* revert 723fa38271

Reenables vue/require-prop-types and vue/require-default-prop

website/client/src/components/tasks/approvalFooter.vue

@@ -2,9 +2,9 @@
   <div>
     <approval-modal :task="task" />
     <div
-      class="claim-bottom-message d-flex align-items-center"
       v-if="!(userIsAssigned && task.group.approval.approved
         && !task.completed && task.type !== 'habit')"
+      class="claim-bottom-message d-flex align-items-center"
     >
       <div
         class="mr-auto ml-2"
@@ -162,7 +162,7 @@ export default {
       this.sync();
     },
     async unassign () {
-      if (!window.confirm(this.$t('confirmUnClaim'))) return;
+      if (!window.confirm(this.$t('confirmUnClaim'))) return; // eslint-disable-line no-alert
 
       let taskId = this.task._id;
       // If we are on the user task
@@ -191,7 +191,7 @@ export default {
       this.sync();
     },
     needsWork () {
-      if (!window.confirm(this.$t('confirmNeedsWork'))) return;
+      if (!window.confirm(this.$t('confirmNeedsWork'))) return; // eslint-disable-line no-alert
       const userIdNeedsMoreWork = this.task.group.assignedUsers[0];
       this.$store.dispatch('tasks:needsWork', {
         taskId: this.task._id,