#120 - remote work (#127)

* #120 - wip

* #120 - add icon to home office

* #120 - wip

* #120 - wip

* #120 - wip

* #120 - wip

* #120 - wip

* #120 - ui fixes

* #120 - fix

* #120 - fix

* #120 - fix

* #120 - fix

* #120 - translation fix

* #120 - fix

Co-authored-by: EwelinaLasowy <ewelina.lasowy@blumilk.pl>

resources/js/Shared/Widgets/HomeOfficeList.vue

@@ -0,0 +1,37 @@
+<template>
+  <section class="bg-white shadow-md">
+    <div class="p-4 sm:px-6">
+      <h2 class="text-lg font-medium leading-6 text-gray-900">
+        Dzisiejsza praca zdalna
+      </h2>
+    </div>
+    <div class="px-4 border-t border-gray-200 sm:px-6">
+      <ul class="divide-y divide-gray-200">
+        <li
+          v-for="day in remoteDays"
+          :key="day.user.id"
+          class="flex py-4"
+        >
+          <img
+            class="w-10 h-10 rounded-full"
+            :src="day.user.avatar"
+          >
+          <div class="ml-3">
+            <p class="text-sm font-medium text-gray-900">
+              {{ day.user.name }}
+            </p>
+            <p class="text-sm text-gray-500">
+              {{ day.user.email }}
+            </p>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </section>
+</template>
+
+<script setup>
+defineProps({
+  remoteDays: Object,
+})
+</script>