Separate Clock Page

src/app/pages/main/main.html

@@ -33,6 +33,4 @@
       </div>
     </div>
   </section>
-
-  <section id="clock"><clock></clock></section>
 </div>

src/app/pages/main/main.scss

@@ -1,16 +1,3 @@
-.container {
-  padding: 40px;
-  max-width: 600px;
-  margin: 0 auto;
-}
-
-section {
-  margin-bottom: 40px;
-  padding: 20px;
-  border: 2px solid rgba(0, 0, 0, 0.2);
-  border-radius: 8px;
-}
-
 section#dropdown-test {
   dropdown {
     width: 324px;
@@ -20,8 +7,3 @@ section#dropdown-test {
 .test-container {
   max-width: 100%;
 }
-
-#clock {
-  padding-top: 48px;
-  padding-bottom: 48px;
-}

src/app/pages/main/main.ts

@@ -1,12 +1,11 @@
 import { Component, signal } from '@angular/core';
 import { Switch } from '../../components/switch/switch';
 import { Dropdown, DropdownOption } from '../../components/dropdown/dropdown';
-import { Clock } from '../../components/clock/clock';
 
 @Component({
   selector: 'app-main-page',
   standalone: true,
-  imports: [Switch, Dropdown, Clock],
+  imports: [Switch, Dropdown],
   templateUrl: './main.html',
   styleUrl: './main.scss',
 })