feat: add base card component

src/app/components/base-card/base-card.component.html

@@ -0,0 +1 @@
+<ng-content></ng-content>

src/app/components/base-card/base-card.component.scss

@@ -0,0 +1,16 @@
+:host {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  background-color: var(--secondary-background-color);
+  padding: 32px;
+  border-radius: 20px;
+  width: 100%;
+  height: 100%;
+  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
+
+  @media screen and (max-width: 768px) {
+    padding: 16px;
+    width: 100%;
+  }
+}

src/app/components/base-card/base-card.component.ts

@@ -0,0 +1,14 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+  selector: 'app-base-card',
+  standalone: true,
+  imports: [
+    CommonModule,
+  ],
+  templateUrl: './base-card.component.html',
+  styleUrls: ['./base-card.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class BaseCardComponent { }