files formatted; add: qrcode generator

src/app/components/custom-card/custom-card.html

@@ -1,8 +1,8 @@
 @if (enabled()) {
   <div
-    class="h-full
-    hover:cursor-pointer flex flex-col p-6 rounded-lg border border-gray-700 bg-zinc-800 transition-colors duration-200 hover:border-blue-500"
-    [routerLink]="destination()">
+    class="h-full hover:cursor-pointer flex flex-col p-6 rounded-lg border border-gray-700 bg-zinc-800 transition-colors duration-200 hover:border-blue-500"
+    [routerLink]="destination()"
+  >
     <app-custom-title
       [text]="title()"
       [textSizeInPx]="titleSizeInPx()"
@@ -10,6 +10,6 @@
       fontWeight="bold"
       class="mb-2"
     ></app-custom-title>
-    <span [ngStyle]="{'color': descriptionColor()}">{{ description() }}</span>
+    <span [ngStyle]="{ color: descriptionColor() }">{{ description() }}</span>
   </div>
 }

src/app/components/custom-card/custom-card.ts

@@ -1,7 +1,7 @@
 import { Component, input } from '@angular/core';
 import { CustomTitle } from '../custom-title/custom-title';
-import {RouterLink} from '@angular/router';
-import {NgStyle} from '@angular/common';
+import { RouterLink } from '@angular/router';
+import { NgStyle } from '@angular/common';
 
 @Component({
   selector: 'app-custom-card',
@@ -10,7 +10,6 @@ import {NgStyle} from '@angular/common';
   styleUrl: './custom-card.css',
 })
 export class CustomCard {
-
   title = input.required<string>();
   titleSizeInPx = input<number>(20);
   titleColor = input<string>();

src/app/components/custom-description/custom-description.html

@@ -1,10 +1,10 @@
 <div>
   <div class="prose prose-invert max-w-none mb-6 text-gray-300 space-y-1">
-    <p>{{descriptionText()}}</p>
+    <p>{{ descriptionText() }}</p>
     @if (additionalListEnabled()) {
       <ul class="list-disc pl-6 text-gray-300 space-y-1">
         @for (item of additionalListText(); track $index) {
-          <li>{{item}}</li>
+          <li>{{ item }}</li>
         }
       </ul>
     }

src/app/components/custom-description/custom-description.spec.ts

@@ -8,9 +8,8 @@ describe('CustomDescription', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [CustomDescription]
-    })
-    .compileComponents();
+      imports: [CustomDescription],
+    }).compileComponents();
 
     fixture = TestBed.createComponent(CustomDescription);
     component = fixture.componentInstance;

src/app/components/custom-description/custom-description.ts

@@ -1,4 +1,4 @@
-import {Component, input} from '@angular/core';
+import { Component, input } from '@angular/core';
 
 @Component({
   selector: 'app-custom-description',
@@ -9,5 +9,5 @@ import {Component, input} from '@angular/core';
 export class CustomDescription {
   descriptionText = input.required<string>();
   additionalListEnabled = input<boolean>(false);
-  additionalListText =input<string[]>();
+  additionalListText = input<string[]>();
 }

src/app/components/custom-title/custom-title.html

@@ -1,6 +1,8 @@
 <a
   [ngStyle]="{
-  'font-size': textSizeInPx() + 'px',
-  color: textColor(),
-  'font-weight': fontWeight()}"
->{{ text() }}</a>
+    'font-size': textSizeInPx() + 'px',
+    color: textColor(),
+    'font-weight': fontWeight(),
+  }"
+  >{{ text() }}</a
+>

src/app/components/custom-title/custom-title.ts

@@ -1,5 +1,5 @@
 import { Component, input } from '@angular/core';
-import {NgClass, NgStyle} from '@angular/common';
+import { NgClass, NgStyle } from '@angular/common';
 
 @Component({
   selector: 'app-custom-title',
@@ -11,5 +11,5 @@ export class CustomTitle {
   text = input.required<string>();
   textSizeInPx = input<number>(16);
   textColor = input<string>();
-  fontWeight = input<string>("normal");
+  fontWeight = input<string>('normal');
 }