mobile design until Media section

src/app/chevron-right/chevron-right.html

@@ -0,0 +1,10 @@
+<svg
+  width="14"
+  height="14"
+  viewBox="0 0 14 14"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10.245 6.20903C10.5868 6.55083 10.5868 7.10591 10.245 7.4477L4.99502 12.6977C4.65322 13.0395 4.09814 13.0395 3.75635 12.6977C3.41455 12.3559 3.41455 11.8008 3.75635 11.459L8.38838 6.827L3.75908 2.19497C3.41729 1.85317 3.41729 1.2981 3.75908 0.956299C4.10088 0.614502 4.65596 0.614502 4.99775 0.956299L10.2478 6.2063L10.245 6.20903Z"
+    fill="white" />
+</svg>

src/app/chevron-right/chevron-right.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ChevronRight } from './chevron-right';
+
+describe('ChevronRight', () => {
+  let component: ChevronRight;
+  let fixture: ComponentFixture<ChevronRight>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ChevronRight],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ChevronRight);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/chevron-right/chevron-right.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-chevron-right',
+  imports: [],
+  templateUrl: './chevron-right.html',
+  styleUrl: './chevron-right.css',
+})
+export class ChevronRight {}