Added gender indicator to actor tiles. Fixed PornHub scraper fetching default avatars.

assets/components/actors/gender.vue

@@ -0,0 +1,38 @@
+<template>
+    <span
+        v-if="gender"
+        class="gender"
+        :class="{ [gender]: true }"
+    ><Icon :icon="gender" /></span>
+</template>
+
+<script>
+export default {
+    props: {
+        gender: {
+            type: String,
+            default: null,
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+@import 'theme';
+
+.gender {
+    &.female .icon {
+        fill: $female;
+    }
+
+    &.male .icon {
+        fill: $male;
+    }
+
+    &.transsexual .icon {
+        fill: $text-contrast;
+        filter: drop-shadow(1px 0 0 $female) drop-shadow(-1px 0 0 $female) drop-shadow(0 1px 0 $female) drop-shadow(0 -1px 0 $female)
+            drop-shadow(1px 0 0 $male) drop-shadow(-1px 0 0 $male) drop-shadow(0 1px 0 $male) drop-shadow(0 -1px 0 $male);
+    }
+}
+</style>