diff --git a/.gitignore b/.gitignore
index caa175eb7..09cdba93d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,3 +21,7 @@ dev-dist
 cachedb
 # Local Netlify folder
 .netlify
+
+# Test artifacts
+e2e/screenshots/
+test-results/
diff --git a/app/src/components/channel-view-options/ChannelViewOptions.vue b/app/src/components/channel-view-options/ChannelViewOptions.vue
deleted file mode 100644
index 9e36a63c5..000000000
--- a/app/src/components/channel-view-options/ChannelViewOptions.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-  <div class="view-options">
-    <label class="view-option" v-for="view in viewOptions" :key="view.type">
-      <input type="checkbox" :value="view.type" v-model="proxySel" />
-      <j-icon class="view-option__checkmark" size="xs" name="check" />
-      <j-flex a="center" gap="500">
-        <div class="view-option__icon">
-          <j-icon size="lg" :name="view.icon" />
-        </div>
-        <div>
-          <div class="view-option__title">{{ view.title }}</div>
-          <div class="view-option__desc">
-            {{ view.description }}
-          </div>
-        </div>
-      </j-flex>
-    </label>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { viewOptions } from '@/constants';
-import { ChannelView } from '@coasys/flux-types';
-import { ref, watch } from 'vue';
-
-interface Props {
-  views?: ChannelView[];
-}
-
-const props = defineProps<Props>();
-const emit = defineEmits<{ change: [value: ChannelView[]] }>();
-const proxySel = ref<ChannelView[]>([]);
-
-watch(
-  () => props.views,
-  (val) => {
-    if (val) proxySel.value = val;
-  },
-  { immediate: true },
-);
-
-watch(proxySel, (val) => emit('change', val));
-</script>
-
-<style scoped>
-.view-options {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-  gap: var(--j-space-500);
-}
-
-.view-option {
-  position: relative;
-  display: block;
-  border: 2px solid transparent;
-  background-color: var(--j-color-ui-50);
-  border-radius: var(--j-border-radius);
-  padding: var(--j-space-500);
-}
-
-.view-option:hover {
-  border: 2px solid var(--j-color-ui-100);
-}
-
-.view-option:has(input:checked) {
-  border: 2px solid var(--j-color-primary-500);
-}
-
-.view-option:has(input:checked) .view-option__checkmark {
-  opacity: 1;
-  transform: scale(1);
-}
-
-.view-option__checkmark {
-  transition: all 0.2s ease;
-  opacity: 0;
-  transform: scale(0.8);
-  position: absolute;
-  background-color: var(--j-color-primary-500);
-  color: var(--j-color-white);
-  border-radius: 50%;
-  width: var(--j-size-xxs);
-  height: var(--j-size-xxs);
-  left: var(--j-space-100);
-  top: calc(var(--j-size-xs) / 2 * -1);
-}
-
-.view-option input {
-  position: absolute;
-  clip: rect(1px 1px 1px 1px);
-  clip: rect(1px, 1px, 1px, 1px);
-  vertical-align: middle;
-}
-
-.view-option__title {
-  font-size: var(--j-font-size-600);
-  color: var(--j-color-black);
-  font-weight: 600;
-  margin-bottom: var(--j-space-200);
-}
-
-.view-option__desc {
-  font-size: var(--j-font-size-400);
-  color: var(--j-color-ui-500);
-  font-weight: 400;
-  margin-bottom: var(--j-space-100);
-}
-</style>
diff --git a/app/src/components/expandable-img/expandable-img.vue b/app/src/components/expandable-img/expandable-img.vue
deleted file mode 100644
index cd95cadce..000000000
--- a/app/src/components/expandable-img/expandable-img.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <div ref="expandableImageRef" class="expandable-image" :class="{ expanded }" @click="expanded = true">
-    <div class="close-button" v-if="expanded" @click="closeViewer">
-      <j-icon name="x" size="xl" />
-    </div>
-    <div v-else class="expand-button">
-      <j-icon name="arrows-angle-expand" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { nextTick, ref, watch } from 'vue';
-
-defineOptions({ inheritAttrs: false });
-
-const expanded = ref(false);
-const clonedEl = ref<HTMLElement | null>(null);
-const closeButtonRef = ref<HTMLElement | null>(null);
-const expandableImageRef = ref<HTMLElement>();
-
-function closeViewer() {
-  expanded.value = false;
-}
-
-// Watcher for expanded state
-watch(expanded, async (isExpanded) => {
-  await nextTick();
-
-  if (isExpanded) {
-    // Clone the current element
-    clonedEl.value = expandableImageRef.value?.cloneNode(true) as HTMLElement;
-
-    if (clonedEl.value) {
-      // Find the close button in the cloned element
-      closeButtonRef.value = clonedEl.value.querySelector('.close-button');
-
-      // Add event listener to the close button
-      if (closeButtonRef.value) closeButtonRef.value.addEventListener('click', closeViewer);
-
-      // Append to body and set styles
-      document.body.appendChild(clonedEl.value);
-      document.body.style.overflow = 'hidden';
-
-      // Trigger opacity transition
-      setTimeout(() => {
-        if (clonedEl.value) clonedEl.value.style.opacity = '1';
-      }, 0);
-    }
-  } else {
-    // Close the expanded view
-    if (clonedEl.value) {
-      clonedEl.value.style.opacity = '0';
-
-      setTimeout(() => {
-        if (clonedEl.value) {
-          clonedEl.value.remove();
-          clonedEl.value = null;
-          closeButtonRef.value = null;
-          document.body.style.overflow = 'auto';
-        }
-      }, 250);
-    }
-  }
-});
-</script>
-
-<style scoped>
-.expandable-image {
-  position: relative;
-  transition: 0.25s opacity;
-}
-
-:global(body > .expandable-image.expanded) {
-  position: fixed;
-  z-index: 999999;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.7);
-  display: flex;
-  align-items: center;
-  opacity: 0;
-  padding-bottom: 0 !important;
-  cursor: default;
-  background-origin: center;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-
-:global(body > .expandable-image.expanded > img) {
-  width: 100%;
-  max-width: 1200px;
-  max-height: 100%;
-  object-fit: contain;
-  margin: 0 auto;
-}
-
-:global(body > .expandable-image.expanded > .close-button) {
-  display: block;
-}
-
-.close-button {
-  position: fixed;
-  top: 10px;
-  right: 10px;
-  display: none;
-  cursor: pointer;
-}
-
-:global(svg path) {
-  fill: #fff;
-}
-
-.expand-button {
-  position: absolute;
-  z-index: 999;
-  right: 10px;
-  top: 10px;
-  padding: 0px;
-  align-items: center;
-  justify-content: center;
-  padding: 3px;
-  opacity: 0;
-  transition: 0.2s opacity;
-}
-
-.expandable-image:hover .expand-button {
-  opacity: 1;
-}
-
-.expand-button svg {
-  width: 20px;
-  height: 20px;
-}
-
-.expand-button path {
-  fill: #fff;
-}
-
-.expandable-image img {
-  width: 100%;
-}
-</style>
diff --git a/app/src/views/main/profile/CommunityCard.vue b/app/src/views/main/profile/CommunityCard.vue
deleted file mode 100644
index a988d84bb..000000000
--- a/app/src/views/main/profile/CommunityCard.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <router-link class="community-card" :to="{ name: 'community', params: { communityId: uuid } }">
-    <j-avatar size="xl" :initials="name?.charAt(0).toUpperCase()" :url="url" />
-    <div>
-      <j-text size="600" color="black" weight="bold">
-        {{ name || 'Unknown Community' }}
-      </j-text>
-      <j-text nomargin size="500" color="ui-400">{{ description || 'No description' }}</j-text>
-    </div>
-  </router-link>
-</template>
-
-<script setup lang="ts">
-defineProps({ uuid: { type: String }, name: { type: String }, url: { type: String }, description: { type: String } });
-</script>
-
-<style lang="scss" scoped>
-.community-card {
-  position: relative;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: var(--j-space-700);
-  border-radius: var(--j-border-radius);
-  text-decoration: none;
-  background-color: rgba(255, 255, 255, 0.03);
-  border: 1px solid var(--j-color-ui-100);
-  border-radius: var(--j-border-radius);
-  padding: var(--j-space-500);
-}
-
-.community-card:hover {
-  border: 1px solid var(--j-color-primary-500);
-}
-
-.community-card__image {
-  --j-avatar-size: 70px;
-}
-
-@media screen and (min-width: calc($breakpoint-mobile + 1px)) {
-  .community-card__image {
-    --j-avatar-size: 100px;
-  }
-}
-</style>