add: BR Portuguese Language and new words

src/pages/StatusPage.vue

@@ -30,12 +30,12 @@
             <div v-if="!enableEditMode">
                 <button class="btn btn-info me-2" @click="edit">
                     <font-awesome-icon icon="edit" />
-                    Edit Status Page
+                    {{ $t("Edit Status Page") }}
                 </button>
 
                 <a href="/dashboard" class="btn btn-info">
                     <font-awesome-icon icon="tachometer-alt" />
-                    Go to Dashboard
+                    {{ $t("Go to Dashboard") }}
                 </a>
             </div>
 
@@ -137,23 +137,23 @@
         <div class="shadow-box list  p-4 overall-status mb-4">
             <div v-if="Object.keys($root.publicMonitorList).length === 0 && loadedData">
                 <font-awesome-icon icon="question-circle" class="ok" />
-                No Services
+                {{ $t("No Services") }}
             </div>
 
             <template v-else>
                 <div v-if="allUp">
                     <font-awesome-icon icon="check-circle" class="ok" />
-                    All Systems Operational
+                    {{ $t("All Systems Operational") }}
                 </div>
 
                 <div v-else-if="partialDown">
                     <font-awesome-icon icon="exclamation-circle" class="warning" />
-                    Partially Degraded Service
+                    {{ $t("Partially Degraded Service") }}
                 </div>
 
                 <div v-else-if="allDown">
                     <font-awesome-icon icon="times-circle" class="danger" />
-                    Degraded Service
+                    {{ $t("Degraded Service") }}
                 </div>
 
                 <div v-else>
@@ -170,12 +170,12 @@
             <div>
                 <button class="btn btn-primary btn-add-group me-2" @click="addGroup">
                     <font-awesome-icon icon="plus" />
-                    Add Group
+                    {{ $t("Add Group") }}
                 </button>
             </div>
 
             <div class="mt-3">
-                <label>Add a monitor:</label>
+                <label>{{ $t("Add a monitor") }}:</label>
                 <select v-model="selectedMonitor" class="form-control">
                     <option v-for="monitor in allMonitorList" :key="monitor.id" :value="monitor">{{ monitor.name }}</option>
                 </select>
@@ -184,7 +184,8 @@
 
         <div class="mb-4">
             <div v-if="$root.publicGroupList.length === 0 && loadedData" class="text-center">
-                👀 Nothing here, please add a group or a monitor.
+                <!-- 👀 Nothing here, please add a group or a monitor. -->
+                👀 {{ $t("Status Page Nothing") }}
             </div>
 
             <PublicGroupList :edit-mode="enableEditMode" />