fix(templates): add two more templates (Airbnb, Wordpress) (#317)

* add two more templates (Airbnb, Wordpress)

* fix slugs

* fix templates sizes

---------

Co-authored-by: Guy Ben-Aharon <baguy3@gmail.com>

src/pages/templates-page/template-card/template-card.tsx

@@ -26,7 +26,7 @@ export const TemplateCard: React.FC<TemplateCardProps> = ({ template }) => {
                     className="h-2 rounded-t-[6px]"
                     style={{ backgroundColor: randomColor() }}
                 ></div>
-                <div className="grow overflow-hidden p-1">
+                <div className="overflow-hidden p-1">
                     <img
                         src={
                             effectiveTheme === 'dark'

src/templates-data/templates-data.ts

@@ -1,6 +1,8 @@
 import type { Diagram } from '@/lib/domain/diagram';
 import { employeeDb } from './templates/employee-db';
 import { visualNovelDb } from './templates/visual-novel-db';
+import { airbnbDb } from './templates/airbnb-db';
+import { wordpressDb } from './templates/wordpress-db';
 
 export interface Template {
     slug: string;
@@ -16,4 +18,9 @@ export interface Template {
     url?: string;
 }
 
-export const templates: Template[] = [employeeDb, visualNovelDb];
+export const templates: Template[] = [
+    employeeDb,
+    visualNovelDb,
+    airbnbDb,
+    wordpressDb,
+];

src/templates-data/templates/employee-db.ts

@@ -26,7 +26,7 @@ export const employeeDb: Template = {
     ],
     featured: true,
     diagram: {
-        id: 'diagramexample01',
+        id: 'employees_db',
         name: 'employees-db',
         createdAt: new Date(),
         updatedAt: new Date(),