👍 fix: import update

package.json

@@ -22,6 +22,7 @@
     "@vercel/analytics": "^1.3.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "dayjs": "^1.11.13",
     "lenis": "^1.1.6",
     "motion": "^11.13.1",
     "next": "15.0.3",

src/app/(home)/page.tsx

@@ -1,20 +1,20 @@
 import * as React from 'react'
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import { BioSection, HeroSection } from '@features/home'
 
 export const metadata: Metadata = {
   title: 'Nyoman Sunima',
   description:
     'Focused on crafting digital products, website, web app, mobile app to help business.',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'Nyoman Sunima',
     description:
       'Focused on crafting digital products, website, web app, mobile app to help business.',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'Nyoman Sunima',
     description:
       'Focused on crafting digital products, website, web app, mobile app to help business.',

src/app/about/page.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import {
   DetailSection,
   SharingSection,
@@ -9,19 +9,19 @@ import {
   AchievementSection,
   EndWordSection,
 } from '@features/about'
-import { ArticleContent } from '@shared/components/common/content'
+import { ArticleContent } from '@shared/components'
 
 export const metadata: Metadata = {
   title: 'About',
   description: 'The whole story about me, nyoman sunima and all of the journey',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'About',
     description:
       'The whole story about me, nyoman sunima and all of the journey',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'About',
     description:
       'The whole story about me, nyoman sunima and all of the journey',

src/app/contact/page.tsx

@@ -1,18 +1,18 @@
 import * as React from 'react'
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import { ContactList, SocialMediaList } from '@features/contact'
 
 export const metadata: Metadata = {
   title: 'Contact',
   description: 'Get in touch with me right now, start your idea',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'Contact',
     description: 'Get in touch with me right now, start your idea',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'Contact',
     description: 'Get in touch with me right now, start your idea',
   },

src/app/crafts/page.tsx

@@ -1,20 +1,20 @@
 import * as React from 'react'
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import { CraftListSection } from '@features/crafts'
 
 export const metadata: Metadata = {
   title: 'Crafts',
   description:
     'See all of my projects, business, products, side husltes and something that i built',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'Crafts',
     description:
       'See all of my projects, business, products, side husltes and something that i built',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'Crafts',
     description:
       'See all of my projects, business, products, side husltes and something that i built',

src/app/faqs/page.tsx

@@ -1,18 +1,18 @@
 import * as React from 'react'
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import { FAQListSection, AskSection } from '@features/faqs'
 
 export const metadata: Metadata = {
   title: 'FAQs',
   description: 'Most asked questions by people around the world',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'FAQs',
     description: 'Most asked questions by people around the world',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'FAQs',
     description: 'Most asked questions by people around the world',
   },

src/app/global-error.tsx

@@ -1,9 +1,8 @@
 'use client'
 
 import '@shared/styles/globals.css'
-import { Button } from '@shared/components/ui/button'
-import { CenteredLayout } from '@shared/components//common/centered-layout'
-import * as fonts from '@shared/fonts'
+import { Button, CenteredLayout } from '@shared/components'
+import { fonts } from '@shared/fonts'
 
 export default function GlobalError({
   reset,

src/app/journeys/page.tsx

@@ -1,17 +1,17 @@
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import { ExperienceSection, LogListSection } from '@features/journeys'
 
 export const metadata: Metadata = {
   title: 'Journeys',
   description: 'The whole story of me, nyoman sunima and all of the journey',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'Journeys',
     description: 'The whole story of me, nyoman sunima and all of the journey',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'Journeys',
     description: 'The whole story of me, nyoman sunima and all of the journey',
   },

src/app/layout.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react'
 import type { Metadata } from 'next'
 import '@shared/styles/globals.css'
-import config from '@shared/libs/config'
+import { config } from '@shared/libs'
 import { Analytics as VercelAnalytics } from '@vercel/analytics/react'
-import { AnimationProvider } from '@shared/providers/animation-provider'
-import { ThemeProvider } from '@shared/providers/theme-provider'
-import Header from '@shared/components/common/header'
-import Footer from '@shared/components/common/footer'
-import { Toaster } from '@shared/components/ui/toast'
-import { CenteredLayout } from '@shared/components/common/centered-layout'
-import { PosthogProvider } from '@shared/providers/posthog-provider'
-import * as fonts from '@shared/fonts'
+import {
+  ThemeProvider,
+  AnimationProvider,
+  PosthogProvider,
+} from '@shared/providers'
+import { Footer, Header, Toaster, CenteredLayout } from '@shared/components'
+import { fonts } from '@shared/fonts'
 
 export const metadata: Metadata = {
   applicationName: 'Nyoman Sunima',

src/app/not-found.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { Metadata } from 'next'
 import Link from 'next/link'
-import { Button } from '@shared/components/ui/button'
+import { Button } from '@shared/components'
 
 export const metadata: Metadata = {
   title: 'Not Found',

src/app/privacy/page.tsx

@@ -1,19 +1,19 @@
 import * as React from 'react'
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import Link from 'next/link'
-import { ArticleContent } from '@shared/components/common/content'
+import { ArticleContent } from '@shared/components'
 
 export const metadata: Metadata = {
   title: 'Privacy Policy',
   description: 'Read the privacy policy for this site',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'Privacy Policy',
     description: 'Read the privacy policy for this site',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'Privacy Policy',
     description: 'Read the privacy policy for this site',
   },

src/app/resources/page.tsx

@@ -1,18 +1,18 @@
 import * as React from 'react'
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import { SourcesSection } from '@features/resources'
 
 export const metadata: Metadata = {
   title: 'Resources',
   description: 'Get free resources and things that help your works',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'Resources',
     description: 'Get free resources and things that help your works',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'Resources',
     description: 'Get free resources and things that help your works',
   },

src/app/sitemap.ts

@@ -1,4 +1,4 @@
-import config from '@shared/libs/config'
+import { config } from '@shared/libs'
 import { MetadataRoute } from 'next'
 
 const BASE_URL = config.app.host

src/app/stories/page.tsx

@@ -1,20 +1,20 @@
 import * as React from 'react'
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import { PublicationSection, RecentlySection } from '@features/stories'
 
 export const metadata: Metadata = {
   title: 'Stories',
   description:
     'Everyday i write, record, and create any resources to sharing into the social media and community platforms',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'Stories',
     description:
       'Everyday i write, record, and create any resources to sharing into the social media and community platforms',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'Stories',
     description:
       'Everyday i write, record, and create any resources to sharing into the social media and community platforms',

src/app/support/page.tsx

@@ -1,18 +1,18 @@
 import * as React from 'react'
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import { SupportSection } from '@features/support'
 
 export const metadata: Metadata = {
   title: 'Support Me (Donate)',
   description: 'Support me by donating for projects and contents or goodies',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'Support me (Donate)',
     description: 'Support me by donating for projects and contents or goodies',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'Support me (Donate)',
     description: 'Support me by donating for projects and contents or goodies',
   },

src/app/template.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { PageTransition } from '@shared/components/animation/transition'
+import { PageTransition } from '@shared/components'
 
 interface RootTemplateProps {
   children: React.ReactNode

src/app/terms/page.tsx

@@ -1,19 +1,19 @@
 import * as React from 'react'
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import Link from 'next/link'
-import { ArticleContent } from '@shared/components/common/content'
+import { ArticleContent } from '@shared/components'
 
 export const metadata: Metadata = {
   title: 'Terms of use',
   description: 'Read the terms of use for this site',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'Terms of use',
     description: 'Read the terms of use for this site',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'Terms of use',
     description: 'Read the terms of use for this site',
   },

src/app/works/[slug]/page.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { Metadata, ResolvingMetadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import { WorkDetailContent, workService } from '@features/works'
 
 interface Params {
@@ -24,13 +24,13 @@ export async function generateMetadata(
     title: meta.title,
     description: meta.description,
     openGraph: {
-      ...defaultMetadata.openGraph,
+      ...sharedMetadata.openGraph,
       title: meta.title,
       description: meta.description,
       images: [meta.image, ...previousOgImages],
     },
     twitter: {
-      ...defaultMetadata.twitter,
+      ...sharedMetadata.twitter,
       title: meta.title,
       description: meta.description,
       images: [meta.image, ...previousTwitterImages],

src/app/works/page.tsx

@@ -1,20 +1,20 @@
 import * as React from 'react'
 import { Metadata } from 'next'
-import * as defaultMetadata from '@shared/libs/shared-metadata'
+import { sharedMetadata } from '@shared/libs'
 import { WorksListSection, ComingSoonSection } from '@features/works'
 
 export const metadata: Metadata = {
   title: 'Works',
   description:
     'See all of my works including projects, apps, products, case studies, idea and playground',
   openGraph: {
-    ...defaultMetadata.openGraph,
+    ...sharedMetadata.openGraph,
     title: 'Works',
     description:
       'See all of my works including projects, apps, products, case studies, idea and playground',
   },
   twitter: {
-    ...defaultMetadata.twitter,
+    ...sharedMetadata.twitter,
     title: 'Works',
     description:
       'See all of my works including projects, apps, products, case studies, idea and playground',

src/features/about/activity-section.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { ContentImage } from '@shared/components/common/content'
+import { ContentImage } from '@shared/components'
 
 export function ActivitySection(): React.ReactElement {
   return (

src/features/about/detail-section.tsx

@@ -1,9 +1,6 @@
 import Link from 'next/link'
 import * as React from 'react'
-import {
-  ContentImage,
-  GalleryListImage,
-} from '@shared/components/common/content'
+import { ContentImage, GalleryListImage } from '@shared/components'
 
 const images = [
   'https://images.unsplash.com/photo-1537996194471-e657df975ab4?q=80&w=2838&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',

src/features/about/sharing-section.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { ContentImage } from '@shared/components/common/content'
+import { ContentImage } from '@shared/components'
 
 export function SharingSection(): React.ReactElement {
   return (