feat: Format code, improve styling of front page image

src/components/Welcome.vue

 <!--
-    
-  Copyright (c) 2022 NIBIO <http://www.nibio.no/>. 
-  
+
+  Copyright (c) 2022 NIBIO <http://www.nibio.no/>.
+
   This file is part of VIPSObservationApp.
   VIPSObservationApp is free software: you can redistribute it and/or modify
-  it under the terms of the NIBIO Open Source License as published by 
+  it under the terms of the NIBIO Open Source License as published by
   NIBIO, either version 1 of the License, or (at your option) any
   later version.
-  
+
   VIPSObservationApp is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   NIBIO Open Source License for more details.
-  
+
   You should have received a copy of the NIBIO Open Source License
   along with VIPSObservationApp.  If not, see <http://www.nibio.no/licenses/>.
-    
+
   Author: Bhabesh Bhabani Mukhopadhyay
   Author: Tor-Einar Skog <tor-einar.skog@nibio.no>
   Dated : 19-Aug-2021
-    
+
 -->
 <template>
-	<div class="main">
-		<center>
-			<p><img src="../assets/welcome_illus.png" style="width: 70%; margin-bottom: 50px;" /></p>
-			<h2>{{$t("welcome.header.text")}}</h2>
-			<p v-html="$t('welcome.body.text')"></p>
-			<footer v-html="$t('welcome.footer.text')" />
-		</center>
-	</div>
+  <div class="main">
+    <div class="row">
+      <div class="col mb-4 mt-3">
+        <img src="../assets/welcome_illus.png" class="welcome-image img-fluid" alt="Front page image" />
+      </div>
+    </div>
+    <h2>{{ $t("welcome.header.text") }}</h2>
+    <p v-html="$t('welcome.body.text')"></p>
+    <footer v-html="$t('welcome.footer.text')"/>
+  </div>
 </template>
 
 <style scoped>
-	.main {
-		padding-right: 15px;
-		padding-left: 15px;
-	}
+.main {
+  padding-right: 15px;
+  padding-left: 15px;
+  text-align: center;
+}
 
-	footer {
-		margin-top: 55px;
-		font-size: small;
-		background-color: #3d8052;
-		color: white;
-		font-weight: bold;
-		padding: 15px;
-	}
+footer {
+  margin-top: 55px;
+  font-size: small;
+  background-color: #3d8052;
+  color: white;
+  font-weight: bold;
+  padding: 15px;
+}
 </style>
 
 <script>
-	export default ({
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-
-		},
-		mounted() {
-		}
-	})
-</script>
+import CommonUtil from '@/components/CommonUtil'
+export default ({
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {
+    CommonUtil.setHeaderTitle(this.$i18n.t("index.header"));
+  }
+})
+</script>
\ No newline at end of file