Chore:

Moved to sqlalchemy 2.0
Added type checking as much as possible
Updated angular to 15
Moved from Angular flex layout to tailwind css

Started developing on vscode with devcontainers

bookie/src/app/sales/bill-number/bill-number.component.html

@@ -1,13 +1,7 @@
 <mat-dialog-content>
   <form [formGroup]="form">
-    <div
-      fxLayout="row"
-      fxLayoutAlign="space-around start"
-      fxLayout.lt-md="column"
-      fxLayoutGap="20px"
-      fxLayoutGap.lt-md="0px"
-    >
-      <mat-form-field fxFlex="15">
+    <div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
+      <mat-form-field class="flex-auto basis-[15%] mr-5">
         <mat-select formControlName="billType">
           <mat-option value="0">KOT</mat-option>
           <mat-option value="1">Regular Bill</mat-option>
@@ -16,13 +10,12 @@
           <mat-option value="8">Void</mat-option>
         </mat-select>
       </mat-form-field>
-      <mat-form-field fxFlex>
+      <mat-form-field class="flex-auto">
         <mat-label>Bill Number</mat-label>
         <input
           type="text"
           matInput
           #billNumber
-          placeholder="Bill Number"
           formControlName="billNumber"
           autocomplete="off"
           (focus)="billNumber.select()"

bookie/src/app/sales/bill-number/bill-number.component.ts

@@ -1,6 +1,6 @@
-import { Component, Inject, OnInit } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MatDialogRef } from '@angular/material/dialog';
 
 @Component({
   selector: 'app-bill-number',