Add hobbies page and update projects WIP UI

Introduced a new HobbiesComponent with routing and navigation updates. Removed unused ProjectDetailsComponent. Enhanced the projects page with a new 'work in progress' UI and improved .gitattributes for better file handling.

src/app/app.routes.ts

@@ -1,10 +1,12 @@
 import { Routes } from '@angular/router';
 import {AboutComponent} from './pages/about/about.component';
 import {ProjectsComponent} from './pages/projects/projects.component';
+import {HobbiesComponent} from './pages/hobbies/hobbies.component';
 
 export const routes: Routes = [
   { path: '', component: AboutComponent },
   { path: 'about', component: AboutComponent},
   { path: 'projects', component: ProjectsComponent},
+  { path: 'hobbies', component: HobbiesComponent},
 ];