Re-organized files

src/pages/hash-generator.astro

@@ -2,34 +2,15 @@
 import Layout from '../layouts/Layout.astro'
 import HashGeneratorComponent from '../components/PageComponents/Hash-Generator/HashGeneratorComponent.tsx'
 import PageTitle from '../components/PageTitle/PageTitle'
+import Content from '../components/Content/Content'
 ---
 
 <Layout title="Hash Generator - AIO Tools">
   <main class="page">
     <PageTitle title="Hash Generator" description="Convert text to multiple hash formats for secure data transmission." />
 
-    <section class="content">
+    <Content>
       <HashGeneratorComponent client:visible />
-    </section>
+    </Content>
   </main>
 </Layout>
-
-<style lang="sass">
-  @use '/src/styles/breakpoint.sass' as view
-
-  .page
-    text-align: center
-    margin: 4rem 0 0 0
-    transition: margin 0.4s ease-in-out
-
-    @media screen and (max-width: view.$tablet)
-      margin-top: 1rem
-
-  .content
-    display: flex
-    justify-content: center
-    align-items: center
-    // border: 1px solid #ffffff
-    // padding: 2rem
-    // border-radius: 8px
-</style>